#app-container{display:flex;align-items:center;width:60%;max-width:1000px;height:100vh;margin:0 auto}#app-container p{margin:0;font-size:1.5em}@media (max-width: 1024px){#app-container{width:80%}}@media (max-width: 768px){#app-container{width:100%;padding:0 50px;box-sizing:border-box}#app-container p{font-size:1.2em}}@media (max-width: 500px){#app-container{padding:0 10px}#app-container p{font-size:1em;text-align:center}}@media (max-width: 300px){#app-container p{font-size:5vw}}#frame-container{z-index:10;position:absolute;top:0;left:0;bottom:0;right:0;display:flex;flex-direction:column;justify-content:center;padding:20px;background-color:#000000e6}#frame-content-container{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:auto;width:100%;max-width:100vh;height:100%}#frame-content-container>*{width:100%}#frame-top-btns-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:100%;height:40px;padding:0 10px 10px 0}#exit-btn{width:35px;height:35px;padding:0;background-color:#ff1e1e;border-bottom:5px solid rgb(163,20,20);font-size:1.5em;z-index:10;transition:all .1s linear}#exit-btn:active{border-bottom-width:0px}#iframe-container{position:relative;width:100%;height:56.25vw;justify-content:center}#iframe-container iframe{width:100%;height:100%;border:none}#screenshots-container{display:flex;gap:10px;align-items:center;width:100%;height:250px;margin-bottom:50px}#screenshots-container ul{display:flex;gap:10px;height:100%;margin:0;padding:0;overflow:hidden}#screenshots-container ul li{position:relative;height:100%;list-style:none}#screenshots-container ul li img{height:100%}#screenshots-container ul li button{all:unset;position:absolute;top:0;left:0;bottom:0;right:0;font-size:36px;text-align:center;opacity:0;background-color:#000}#screenshots-container ul li button:hover{cursor:pointer;opacity:.5}#right-arrow-btn,#left-arrow-btn{min-width:35px;height:35px;padding:0;background-color:#fbaf43;color:#000;border-top:#ffc780 5px solid;transition:all .1s linear}#right-arrow-btn:active:not(.disabled),#left-arrow-btn:active:not(.disabled){border-top-width:0px}@media (max-width: 1500px){#screenshots-container{height:200px;margin-bottom:40px}}@media (max-width: 768px){#screenshots-container{height:150px;margin-bottom:30px}}@media (max-width: 500px){#screenshots-container{gap:5px;height:100px;margin-bottom:20px}}@media (max-width: 400px){#right-arrow-btn,#left-arrow-btn{min-width:30px;height:30px}}#content-container{width:100%}#content-container .header-container{display:flex;width:100%}#content-container .tech-btn{background-color:#ff9000;border-top:#ffb454 5px solid;color:#000;transition:all .1s linear}#content-container .tech-btn:active{border-top-width:0px}#logo-img{z-index:1;height:200px;rotate:-10deg}#title-container{flex:1;display:flex;justify-content:center;width:100%}#title-img{height:200px;animation:tilt 5s infinite linear}#bottom-btns{display:flex;justify-content:space-between;width:100%;margin-top:50px}#bottom-btns>div{display:flex;gap:10px}#play-btn{height:fit-content;min-height:35px;font-weight:700;background-color:#fbaf43;border-top:#ffc780 5px solid;color:#000;transition:all .1s linear}#play-btn:active{border-top-width:0px}@keyframes tilt{0%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}to{transform:rotate(-7deg)}}@media (max-width: 1500px){#bottom-btns{flex-direction:column;gap:10px}#bottom-btns>div{justify-content:center}#logo-img,#title-img{height:150px}}@media (max-width: 1024px){#bottom-btns{margin-top:40px}}@media (max-width: 768px){#bottom-btns{margin-top:30px}#logo-img,#title-img{height:130px}}@media (max-width: 500px){#content-container button{font-size:1.2em}#bottom-btns{margin-top:20px}#bottom-btns button{flex:1;padding:0}#logo-img,#title-img{height:120px}}@media (max-width: 400px){#content-container button{height:30px;font-size:5vw}#content-container #play-btn{min-height:30px}#logo-img,#title-img{height:30vw}}body{max-width:100vw;margin:0;padding:0;overflow-x:hidden;font-family:Roboto,sans-serif;color:#fff}button{height:35px;font-family:Roboto,sans-serif;font-size:1.5em;padding:0 40px;border:none;cursor:pointer;color:#fff;box-sizing:content-box}.hidden{display:none!important}.disabled{opacity:.5;cursor:initial}img{-webkit-user-select:none;user-select:none;pointer-events:none}