@font-face{font-family:CustomPixelFont;src:url(../font.ttf) format("truetype")}body{margin:0;font-family:CustomPixelFont,sans-serif;background-color:#000;color:#fff;overflow:auto;image-rendering:pixelated}.container{width:70vw;margin:2vh auto;padding:0 2vw;box-sizing:border-box;image-rendering:pixelated}header{text-align:center;padding-top:2vh;image-rendering:pixelated}canvas{width:100%;max-width:100%;height:20vh;image-rendering:pixelated}.tab-bar{display:flex;justify-content:space-evenly;background-color:#000;border:.2vh solid #fff;font-family:CustomPixelFont,sans-serif;image-rendering:pixelated}.tab-bar button{flex:1;padding:1vh;font-size:2vh;color:#fff;background-color:#000;border:.2vh solid #fff;cursor:pointer;outline:none;font-family:CustomPixelFont,sans-serif;image-rendering:pixelated}.tab-bar button.active{background-color:#fff;color:#000;font-weight:700;image-rendering:pixelated}.main-content{box-sizing:border-box;image-rendering:pixelated;overflow:hidden}.page-content{display:none;image-rendering:pixelated}.page-content.active{display:block;image-rendering:pixelated}h1{text-align:center;font-size:4vw;margin:0;padding:0}h2{text-align:center;font-size:2.5vw;margin:0;padding:0}a{font-size:1.85vw;text-align:center;display:block;margin:0 auto;color:#66bfff}a:hover{color:#99d5ff}.aboutText{font-size:1.35vw;text-align:center;margin-top:2vh;padding:12px;line-height:1.6}p{font-size:1.35vw;text-align:center;line-height:1.6}.contentStrip{background-color:#000;display:flex;justify-content:space-evenly;align-items:center;gap:1vw;color:#fff;padding:2vh;margin-bottom:1vh;border:.2vh solid #fff;text-align:left;image-rendering:pixelated}.contentImg{display:block;width:15vw;margin:0 auto}.boldStrip{background-color:#000;color:#fff;margin-bottom:1vh;border:.2vh solid #fff;font-size:1.5vw;text-align:center;image-rendering:pixelated}.custom-separator{text-align:center;margin:1vh 0;background-color:#fff;font-size:3vw;color:#000;image-rendering:pixelated}footer{padding:2vh;border-top:.2vh solid #fff;text-align:center;image-rendering:pixelated}@media (orientation: portrait){.container{width:100vw}h1{font-size:7vw}h2{font-size:5vw}p,a,.aboutText{font-size:3.5vw}}