html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Verdana;height:100vh;display:flex;flex-direction:column}header{background-color:#f0f8ff;height:60px;flex-shrink:0;display:flex;justify-content:center;align-items:center}header h1{font-family:Poppins;font-size:60px;color:gray}nav{background-color:silver;height:30px;display:flex;justify-content:center;align-items:center}nav ul li{display:inline-block;list-style:none;height:30px;padding:30px}nav ul li:hover{transform:scale(1.05)}nav ul li a{display:flex;align-items:center;height:100%;padding:0 , 10px , 0 , 10px;text-decoration:none;color:#616161}div#content{display:flex;flex:auto;flex-direction:row}main{width:70%;box-sizing:border-box;margin:50px;margin-top:20px;display:flex;flex-direction:column;align-items:center}aside{width:30%;box-sizing:border-box;padding:50px;background-image:linear-gradient(lightgray,darkgray)}footer{background-color:silver;color:#616161;padding:5px;font-size:85%;flex-shrink:0}#content img{margin-bottom:20px}#content h1{color:#969696;font-size:45px;margin-bottom:20px;display:flex}#content p{margin-bottom:12px;width:50%}div#menu-button{display:none}@media all and (max-width:800px){header{height:44px}header h1{font-size:25px}div#content{display:block}main{width:100%;margin:0;margin-top:20px;margin-bottom:20px}aside{width:100%}div#menu-button{display:block;position:absolute;top:0;right:0;margin-right:20px;height:44px;text-align:center;line-height:44px;color:gray}nav{height:auto;display:none}nav ul li{display:block}nav.open{display:block}#content p{width:80%}}#imgwidth{width:30%;margin:50px}pre{background-color:#2f4f4f;color:#d3d3d3;padding:35px;border-radius:15px;width:35%;margin:12px;margin-bottom:30px}input[type="button"]{border:2px solid gray;background-color:#333;border-radius:4px;padding:10px;color:gray;font-weight:bold}#image-gallery{width:380px}#image-gallery #mainImg{width:100%;border:2px solid #333}h1{color:#000;font-size:45px;margin:10px;padding:0}h3{color:#000;font-size:20px;margin:10px;margin-bottom:20px;padding:0}#ai{font-size:8px;text-align:center}#content{display:flex;justify-content:center}main{display:flex;align-items:center;flex-direction:column}main ul li{margin:15px}main ul li:hover{transform:scale(1.02)}main ul li a{text-decoration:none;color:#000;font-size:20px}