@import url(https://fonts.googleapis.com/css2?family=Adamina&display=swap);@import url(https://fonts.googleapis.com/css2?family=Adamina&family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap);body{font-family:'Times New Roman',Times,serif;height:100vh;display:flex;flex-direction:column}header{background-color:gray;height:60px;flex-shrink:0}input[type="button"]{border:2px solid gray;background-color:#333;border-radius:4px;padding:10px;color:gray;font-weight:bold}#image-gallery{width:500px;margin-left:auto;margin-right:auto}#image-gallery #mainImg{width:100%;border:1px solid #333}header h1{font-family:"Adamina",serif;font-size:medium;color:#fff;padding-top:3px;text-indent:3px}nav{background-color:#b0c4de;height:30px}nav li{display:inline-block;list-style:none;height:30px}main li{display:block;list-style:lower-roman;height:30px}nav a{display:flex;align-items:center;height:100%;padding:0 10px 0 10px;color:#000}#content{display:flex;flex:auto;flex-direction:row}main{width:70%;box-sizing:border-box;padding:20px}aside{width:30%;box-sizing:border-box;padding:20px;background-color:#fff8dc}footer{background-color:#b0c4de;font-size:85%;flex-shrink:0}main p{text-indent:40px;padding-top:10px}p b{font-weight:bold}#code-example{background-color:#000;color:#90ee90;font-family:"Courier Prime",monospace;padding-top:10px;border-radius:20px}h1{color:#000;font-size:140%;margin-bottom:20px;font-weight:bold}h2{font-weight:bolder;padding-top:10px}p{margin-bottom:12px}#main-image{margin-bottom:20px;display:block;margin-left:auto;margin-right:auto;border-radius:5px}#loop-gif{display:block;margin-left:auto;margin-right:auto;border-radius:5px}#song{display:block;margin-left:auto;margin-right:auto}h5{font-weight:bolder}#menu-button{display:none}header h3{color:#fff;align-items:flex-end;font-size:smaller;text-indent:3px}@media all and (max-width:800px){#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}nav{height:auto;display:none}nav li{display:block}nav.open{display:block}}