html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%}.mobileKey{transform:none!important;position:fixed!important}.mobileKey.left{top:unset!important;bottom:20vh!important;left:.5vw!important}@media screen and (max-width: 400px){.mobileKey.left{top:unset!important;bottom:23vh!important;left:.1vw!important}}.mobileKey.right{top:unset!important;left:unset!important;bottom:20vh!important;right:25vw!important}@media screen and (max-width: 650px){.mobileKey.right{right:45vw!important;bottom:23vh!important}}@media screen and (max-width: 400px){.mobileKey.right{right:45vw!important;bottom:26vh!important}}.mobileKey>div{font-family:Rubik Mono One,sans-serif;padding:25px;white-space:nowrap;overflow:hidden;user-select:none;display:flex;justify-content:center;flex-wrap:wrap}.mobileKey>div div.row{width:200px;display:flex;justify-content:center}.mobileKey>div div.row.right{padding-bottom:20px}.mobileKey button{font-family:Rubik Mono One,sans-serif;font-weight:lighter;border:none;color:#000;width:60px;height:60px;border-radius:4px;position:relative;background:white;padding:5px;margin:0 0 5px 5px;display:flex;justify-content:center;align-items:center;cursor:pointer}.mobileKey button>span{font-size:60px}.keys-wrapper{transform:none!important;position:fixed!important;top:130px!important;right:100px!important;left:unset!important}.keys-wrapper>div{font-family:Rubik Mono One,sans-serif;width:120px;background:rgba(0,0,0,.5333333333);color:#fff;padding:25px;white-space:nowrap;overflow:hidden;border-radius:15px;user-select:none;display:flex;justify-content:center;flex-wrap:wrap}.keys-wrapper>div div.key{color:#000;width:20px;height:20px;border-radius:4px;position:relative;background:white;padding:5px;margin:0 0 5px 5px;display:flex;justify-content:center;align-items:center}.keys-wrapper>div div.spacekey{color:#000;width:70px;height:20px;border-radius:4px;position:relative;background:white;padding:5px;margin:0 0 5px 5px;display:flex;justify-content:center;align-items:center}.keys-wrapper>div div.row{display:flex;justify-content:center}.keys-wrapper>div p{margin:5px 0 10px}.keys-wrapper button{position:absolute;top:3px;right:3px;font-size:20px;text-decoration:none;background:none;border:none;cursor:pointer;color:#fff}.button-wrapper{transform:none!important;position:fixed!important;top:100px!important;right:100px!important;left:unset!important}.button-wrapper .question{display:flex;justify-content:center;width:0;background-color:#0008;font-size:30px;padding:5px 22px;border:none;border-radius:50%;color:#fff;cursor:pointer}.wrapper{width:500px;font-size:50px;display:flex;flex-direction:row;transform:none!important;position:fixed!important;top:2vh!important;left:1vw!important}.wrapper div{background:rgba(0,0,0,.5333333333);padding:10px;border-radius:15px;color:#fff}.wrapper div span{padding-right:5px}.checked{color:orange}.modalContainer{transform:none!important;position:fixed!important;top:50%!important;left:50%!important}.modalContainer>div{font-family:Poppins,sans-serif;width:200px;background:rgba(0,0,0,.5333333333);color:#fff;padding:25px;white-space:nowrap;overflow:hidden;border-radius:15px;user-select:none;display:flex;justify-content:center;flex-wrap:wrap;font-weight:700}.modalContainer>div button{font-weight:700;font-family:Poppins,sans-serif;color:#000;width:40px;height:30px;border:none;border-radius:15px;position:relative;background:white;padding:5px;margin:8px 0 0;display:flex;justify-content:center;align-items:center;cursor:pointer}.modalContainer>div h2{font-family:Rubik Mono One,sans-serif;font-size:17px;margin:5px 0 10px}.htmlScreen iframe{width:840px;height:540px}.audioButton{width:50px;font-size:50px;display:flex;flex-direction:row;justify-content:center;align-items:center;transform:none!important;position:fixed!important;top:16vh!important;left:1.4vw!important}.audioButton :focus{outline:none;box-shadow:none}@media screen and (max-width: 400px){.audioButton{top:19vh!important}}button.volumeIcon{border:none;background-color:#fff;padding:8px;border-radius:20px;cursor:pointer;color:#000}button.volumeIcon>span{font-size:40px}.audioText{width:300px;font-size:20px;font-weight:700;font-family:Poppins,sans-serif;transform:none!important;position:fixed!important;top:15vh!important;left:90px!important}@media screen and (max-width: 400px){.audioText{top:17vh!important;left:70px!important}}.progress{font-family:Rubik Mono One,sans-serif;font-size:30px;transition:opacity .4s}