html { background: #f2f2f2; 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;border-radius: 8px;}#Divleft { width: 78%; float: left; left: 0;}img { float: left;}.sidebar { width: 20%; background-color: #f1f1f1; overflow: auto; float: right; right: 0; margin-bottom: 30px;} .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; }h2 { color:blue;}h3 { color:green;}h4 { color:red;}h5 { color: brown}h6 { color: #f0f}.footer { background: #e6e7e8; clear: both;border-top: solid 7px #ccd5f0; border-radius: 8px}@media(max-width:620px) { #Divleft, .sidebar { width: 100% } img { width: 100%; height: auto; }}