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,Geneva,Tahoma,sans-serif;display:flex;flex-direction:column;height:100vh}header{background-color:#038a8a;height:60px;color:#fff;flex-shrink:0}header h1{font-size:150%;font-weight:bold}nav{color:#fff;height:30px;background-image:linear-gradient(lightslategrey,aquamarine)}nav li{display:inline-block;list-style:none;height:30px}nav a{display:flex;align-items:center;height:100%;padding:0 10px 0 10px;color:#7fffd4}#content{flex:auto;display:flex;flex-direction:row}main{width:60%;box-sizing:border-box;padding:20px;background-color:#add8e6}aside{width:30%;box-sizing:border-box;padding:20px;background-color:teal}aside li{color:#f5f5f5;display:block;list-style:none;height:30px}footer{background-color:#20b2aa;color:#fff;padding:20px;font-size:85%;flex-shrink:0}h1{color:#f5f5f5;font-size:140%;margin-bottom:20px}p{margin-bottom:12px}#menu-button{display:none}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}@media all and (max-width:800px){header{height:44px}#content{display:block}main,aside{width:100%}#menu-button{display:block;position:absolute;top:0;right:0;height:44px;text-align:center;line-height:44px;color:navy}nav{height:auto;display:none}nav li{display:block}nav.open{display:block}}