html{font-display:swap;font-family:sans-serif;font-size:1.2em;}#Divh1{width:100%; background-color: #ddd;text-align: center; padding: 10px 0 10px 0;border-bottom:solid 10px #ccd5f0}#Divleft{width:78%;float:left;left:0;margin-bottom:20px;}img{float:left;width:450px;height:350px;}.sidebar {width: 20%;background-color:#f1f1f1;overflow:auto;float:right;right:0;margin-bottom:50px;}.sidebar a { display: block; padding:15px; text-decoration: none; border-bottom: solid 2px white;} .sidebar a.active { background-color:#40508d; color: white;} .sidebar a:hover:not(.active) { background-color: #555; color: white; }.topnav{overflow:hidden;background-color:#e6e4e4;width:100%}.topnav a{float:right;color:#47b5eb;text-align:center;padding:17px;border-right:solid;border-color:#fffaf0}.topnav a:hover{background-color:#ddd;color:#000;bottom:0;}.topnav a.active{background-color:#cfcec8;color:#6495ed}h2{color:#6495ed}h3{color:#008b8b}h4{color:#8a2be2}h5{color:brown}h6{color:#f0f}@media(max-width:620px){.topnav a{width:30%;padding:7px;}#Divleft,.sidebar{width:100%}img{width:100%;height:auto;}}