@media (prefers-color-scheme:dark){
body {
	/*background-color: #dddddd;*/
    margin: 0px;
	font-family: sans-serif;
    font-size: 1em;
    /*margin-top:0px;margin-left:0px;margin-right:0px;
     background-color: lightgray;
    background-color: #f5f5f5;*/
    background-color: #000000;
    background-color: #080b14;
    
}

.topnav {
    background-color: dimgrey;
    background: dimgrey;
    } 
    
#banner {
	background: #111834;
    margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	border-bottom: 3px solid gray;		
    
}

#iconalleytop {
	float:right;
    /*padding-top:.7em;*/
    padding-top:20px;
}

#logo {
	display: inline-block;
	margin: auto;
	max-width: 100%;
}

.nounderlinelink {
			text-decoration: none;
			color: #0d1431;
			color: Gray;
            color: #005490;
            color: white;
		
		}
.headerbutton {
        display: none;
        
    }
.htopicgroup {
	/*grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));*/
   
}
.hmenu {
    padding: 0.5em;
	    
	background: dimgrey;
    background: #252525;
	border-radius: 25px;
		
	border-style: solid;
	border-color: black;

	border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-right-width: 1px;
    display:inline-flex;
    height: 100px;
    width:100%;
   
}

.hmenu a, footer a {
	text-decoration: none; /* un-underlined links in buttons and the footer */
    /*display:flex;*/
    /*align-items: center;*/
     
}

.hmenunounder {
			text-decoration: none;
			color: white;
		}

.hbutton {
	margin:auto;
   	border-radius: 6px;
	
	
	border-style: solid;
	border-color: black;

	border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-right-width: 1px;
    border-bottom-width: 0px;
	border-right-width: 0px;
    
    /* padding: 0.75em; */
    text-align:center;
    font-size:.5em;
    /*margin-right: 1em;*/
    width:10em;
}

.hbutton:hover {
	/*background-color: #98abc3;*/
    background-color: #98abc3;
	color: white;
}
.hbutton img {
	 
    display: block;
    margin-left:auto;
    margin-right:auto;
    width:60px;
    /*width:3em;*/
    
}

.hbutton a, footer a {
	text-decoration: none; /* un-underlined links in buttons and the footer */
    display:block;
}

.hbutton a {
	color: white;
}


.buttontopic a {
	color: inherit;
}


.buttontopic {
	padding-top: 0.75em;
    background-color: lightgray;
    background: #16203b;
    color: #69b3e7;
    color: #c1bdd4;
	border-radius: 6px;
	text-align: center;
    font-weight: bold;
	
	
	border-style: solid;
	border-color: #0d1431;
	border-color: gray;
    border-color: #645994;

	border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-right-width: 1px;
    
    padding-left: 15px;
    padding-bottom: 15px;
    
    
}

.buttontopic:hover {
	background-color: #98abc3;
	color: white;
}
.buttontopic img {
	/*display: block;
    margin-left: auto;
	margin-right: auto;
	width: 80px;*/
    height: 100px;
    
}

.buttontopic a, footer a {
	text-decoration: none; /* un-underlined links in buttons and the footer */
    display:flex;
    align-items: center;
}

.buttontopic a {
	color: inherit;
}

main, footer {
	margin: 1.25em;
    
}

main {
	margin-bottom: 2em;
    
}

.topicgroup {
	display: grid;
	grid-gap: 1em;
	grid-template-columns: repeat(auto-fit, minmax(16em, 1fr));

	padding-bottom: 1.5em;
    
}

.newandpass {
    background: orange;
    color: white;
    }
.invertimage {
    filter: invert(100%)
}
.topics {
	color: #ffffff;
    font-size: 1.4em;
}


footer {
	background: #ffffff;
	border-radius: 6px;
	border-style: solid;
	border-color: #0d1431;
	border-width: 2px;
	text-align: center;
	font-size: small;
	padding: 0.5em;
}
	


h2 {
	font-size: 1.4em;
}

}