.content,.panel,.info,.menu,.main-panel{box-shadow:0px 3px 8px rgba(0,0,0,.2666666667);background:#fff;padding:16px;border-radius:16px;background-color:#fff}.info,.menu,.main-panel{display:flex;flex-direction:column}.main-panel{flex-direction:row;max-width:100%;box-sizing:border-box;width:fit-content;background-color:#fdd;gap:16px}.content{padding:32px 24px;width:70ch;max-width:100%;box-sizing:border-box;flex-grow:1}.content p>img{min-height:0;max-height:30ch;width:100%;object-fit:contain;object-position:50% 0;display:block}.btn-88x31{width:88px;height:31px}.menu{flex-direction:column;gap:8px}nav{flex-grow:1}nav a:visited,nav a{border-left:4px solid #f88;margin:2px;display:block;padding:8px;font-weight:bold;color:#000;text-decoration:none;transition:.25s}nav a:hover{background-color:#fee;transition:0s}nav .selected-link{text-decoration:underline}.info{align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.pfp{box-shadow:0px 3px 8px rgba(0,0,0,.2666666667);border-radius:16px}table{border-collapse:collapse;text-align:left}th:after{content:":"}th,.info td{border-bottom:2px dashed #f88;padding:4px 2px}footer td{padding:0 2px;text-align:center}body{display:flex;justify-content:center;padding:16px;background-color:#faa;font-family:Verdana,sans-serif;min-height:100%;box-sizing:border-box;margin:0}html{height:100%}h1{border-bottom:4px solid #000;margin-top:0}h2{margin:12px 0}p{margin:12px 0}p:has(+ul){margin-bottom:4px}ul{margin:4px 0}ul ul{margin:0}.left,.right{display:flex;gap:16px;flex-direction:column;width:256px}.hamburger-icon{display:none;border:none;background-color:rgba(0,0,0,0);position:relative}.hamburger-icon div,.hamburger-icon div:before,.hamburger-icon div:after{background-color:#f88;width:28px;height:4px;display:block;position:absolute;border-radius:2px}.hamburger-icon div{margin:8px 0;top:0}.hamburger-icon div:before{top:-8px;content:""}.hamburger-icon div:after{bottom:-8px;content:""}.hamburger-icon input{opacity:0;width:28px;height:20px;margin:0}.hamburger-icon:has(input:checked) div{transform:rotate(45deg)}.hamburger-icon:has(input:checked) div:before{opacity:0}.hamburger-icon:has(input:checked) div:after{transform:translate(0px, -8px) rotate(-90deg)}footer p{margin:4px 0}@media(max-aspect-ratio: 1/1){.main-panel{flex-direction:column}nav{display:none}.menu:has(.hamburger-icon input:checked) nav{display:flex;flex-direction:column}.left,.right{flex-direction:column;width:unset}.hamburger-icon{display:flex}.info{flex-direction:row}}