@media (prefers-color-scheme: dark) {
    	body {
			background: #333;
        	font-family: -apple-system, BlinkMacSystemFont, sans-serif;
        	color: white;
            }
        .topnav {
            overflow: hidden;
            border-radius: 8px;
            background-color: #1E5A99;
            position: sticky;
            top: 0px;
        }    
            
        .topnav a {
            float: left;
            display: block;
            color: #E0E0E0;
            text-align: center;
            padding: 12px 14px;
            text-decoration: none;
            font-size: 17px;
            font-weight: 400;
        }
        .button { 
        	display: inline-block; 
            text-align: center; vertical-align: middle; 
            padding: 12px 24px; border: 1px solid #1E5A99;
            border-radius: 8px;background: #1E5A99; color: #F5F5F5;
            text-decoration: none;
         } 
        .button:hover { 
        	border: 1px solid #246bb8;
        	background: #246bb8; color: #F5F5F5;
        }
        a {
  			color: #1E5A99;
		}
        
        .box {            
            display: inline-block;
    		padding: 12px 24px;
    		border: 1px solid #1E5A99;
    		border-radius: 8px;
            text-decoration: none;
        }
    }
    
    @media (prefers-color-scheme: light) {
    	body {
				background: #F5F5F5;
        		font-family: -apple-system, BlinkMacSystemFont, sans-serif;
        		color: black
      		}
             .topnav {
            overflow: hidden;
            border-radius: 8px;
            background-color: #43BBFF;
            position: sticky;
            top: 0px;
        }    
            
        .topnav a {
            float: left;
            display: block;
            color: #E0E0E0;
            text-align: center;
            padding: 12px 14px;
            text-decoration: none;
            font-size: 17px;
            font-weight: 400;
    }
		
            .button {
    		display: inline-block;
    		text-align: center;
    		vertical-align: middle;
    		padding: 12px 24px;
    		border: 1px solid #43baff;
    		border-radius: 8px;
    		background: #43baff;
    		color: #F5F5F5;
            text-decoration: none;
		}
		.button:hover {
    		border: 1px solid #50dfff;
    		background: #50dfff;
    		color: #F5F5F5;
		}
        a {
  			color: #43baff;
		}
        
        .box {
  			display: inline-block;
    		padding: 12px 24px;
    		border: 1px solid #43baff;
    		border-radius: 8px;
            text-decoration: none;
        }
        }