#head{overflow:hidden;background-image:url(logo.png);border-radius:5px;height:150px ;margin:1px;color:#B9D7D9;transition:0.7s ease-in-out;opacity:1;padding:5px;margin-top:0px;} .ul li{list-style-type:inline;list-type:none;} .a{background-color:#033649;color:#E8DDCB;text-decoration:none;display:block;padding:.2em 1em;border-radius:5px;height:25px;width:60px;float:right;margin-top:38px;margin-right:5px;font-size:18px;transition:0.7s ease-in-out;opacity:0.8 ;font-family:arial ;} #head img{border-radius:10px;max-height:100% ;max-width:100%;float:right;} a:hover{color:#033649;opacity:0.7;background-color:#fff;} body{background-image:url(photo.png);text-decoration:none;font-family:arial;} .main{background-color:#F9F2E7;padding:5px;margin:10px;border-radius:5px;opacity:0.9 ;transition:0.7s ease-in-out ;margin-right:190px;margin-left:2px;Margin-top:5px ;}.mainr{background-color:#F9F2E7;padding:5px;margin:10px;border-radius:5px;opacity:0.9 ;transition:0.7s ease-in-out ;margin-left:5px;margin-right:2px;Margin-top:5px ;}.main:hover{background-color:#F9F2E7;color:#031634;border-top:3pxsolid #033649 ;}img{background-color:#2A2829;width:310px;height:190px ;margin:5px;border-radius:3px;} .headpost{background-image:url(logo.png);border-radius:5px;height:150px ;margin:5px;color:#B9D7D9;transition:0.7s ease-in-out;opacity:1;padding:5px;} .apost{color:#031634;text-decoration:none;font-family:arial;} #foot{background-image:url(foot.png);border-radius:5px;height:70px ;margin:3px;color:#B9D7D9;transition:0.7s ease-in-out;opacity:1;padding:5px;clear:both;} .sidebar{background-color:#343838;border-radius:5px;float:right;width:180px;margin-top:5px;margin-right:5pxmargin-left:5px ;padding:5px 3px;opacity:0.8;transition:0.7s ease-in-out ;color:#fff;clear:bottom;} .about{background-color:#343838;border-radius:5px;margin-top:3px;margin-right:5pxmargin-left:5px ;padding:5px 3px;opacity:0.8;transition:0.7s ease-in-out ;color:#fff;clear:bottom;}