body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.response-font{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-size:2vw;font-style:normal;font-weight:900}.even{justify-content:space-between}.column{align-items:center;display:flex;flex-direction:column}.row-controls{display:flex;flex-direction:row;gap:5px}.info{align-self:flex-end;background:#0000;border:0;color:#fff;cursor:pointer;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-size:50px;font-style:normal;font-weight:900;margin-right:1%;position:absolute}.title{color:azure;margin-bottom:0}.game-font{color:azure;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-size:large;font-style:normal;font-weight:400}.App{display:flex;flex-direction:column}body,html{margin:0;overflow:hidden;padding:0}.overlay,body,html{height:100%;width:100%}.overlay{background-color:#00000080;position:absolute;z-index:-1}video{align-self:center;height:100%;justify-content:center;width:100%;z-index:-2}.textbox{background-color:azure;border:0;border-radius:999px;color:#000;height:40px;margin-top:10px;outline:#0000;text-align:center}.mask1{-webkit-mask-image:linear-gradient(180deg,#000 70%,#0000);mask-image:linear-gradient(180deg,#000 70%,#0000);z-index:9}.mask2{overflow:hidden;position:relative;width:100%;z-index:9}.game{align-items:center;color:azure;display:flex;justify-content:center;margin:auto;padding-bottom:5px;z-index:1}.box,.game{flex-direction:column}.box{color:#000;margin-top:5px;max-height:100px;min-height:100px;overflow:scroll}.button{align-self:center;background-color:azure;border:0;border-radius:9999px;color:#000;cursor:pointer;margin-bottom:2%;margin-top:.5%;min-height:50px;min-width:250px;transition:transform .3s ease}.position{max-width:100px}.button-position{min-width:75px}.button-names{max-width:175px;min-width:175px}.buttons{background-color:azure;border:0;border-radius:999px;color:#000;cursor:pointer;display:flex;justify-content:center;justify-self:center;margin-bottom:5px;transition:transform .3s ease}.button:hover{transform:scale(1.02)}.box::-webkit-scrollbar{display:none;flex-direction:column}.response{display:flex;flex-direction:row;gap:2vw;margin:0 auto;position:static}.response-container{background-color:#00000080;border-radius:20px;display:flex;flex-direction:column;gap:2vw;margin:auto;max-height:28vw;max-width:78vw;min-height:28vw;overflow:scroll;padding:7px;pointer-events:none}.response-container.show{pointer-events:all}.response-container::-webkit-scrollbar{display:none;flex-direction:column}.response-box{align-items:center;background-color:#d4d4d4;border-radius:15px;display:flex;justify-content:center;max-height:7vw;max-width:14vw;min-height:7vw;min-width:14vw;text-align:center}.correct{background-color:#00ca0d}.incorrect{background-color:#da6b6b}.close{background-color:#ffff70}.rise{z-index:99}video{left:0;min-height:100%;min-width:100%;object-fit:cover;position:fixed;top:0;z-index:-3}.response-header{align-items:center;color:#f0f8ff;margin-bottom:10px;max-width:14vw;min-width:14vw;text-align:center}.header-container,.response-header{display:flex;justify-content:center}.header-container{flex-direction:row;gap:2vw}.bigger-font{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-size:2vw;font-size:4.5vw;font-style:normal;font-weight:900}.modal{align-items:center;background-color:#f0f8ff;border-radius:30px;display:flex;flex-direction:column;margin:2% auto auto;max-height:600px;max-width:375px;min-height:600px;min-width:375px;transform:scale(0);transition:opacity .3s ease,transform .3s ease;z-index:1001;z-index:9999}.info-overlay,.modal{opacity:0;pointer-events:none}.info-overlay{background-color:#00000080;height:100vh;left:0;position:fixed;top:0;transition:opacity .5s ease;width:100vw;z-index:99}.space{padding-bottom:5%}.info-overlay.show,.modal.show{opacity:1;pointer-events:all}.modal.show{transform:scale(1)}.exit{background:#0000;border:0;cursor:pointer;font-optical-sizing:auto;font-size:30px;font-style:normal;font-weight:100;margin:10px;position:absolute}.exit,.font{align-self:flex-end;font-family:Outfit,sans-serif}.font{font-optical-sizing:auto;font-size:15px;font-style:normal;font-weight:300}.title-font{align-self:flex-end;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-size:30px;font-style:normal;font-weight:900}.text{text-align:center}.modal-item{flex-direction:column;margin:auto;width:100%}.example,.modal-item{align-items:center;display:flex;justify-content:center}.example{background-color:#d4d4d4;border-radius:5%;font-size:medium;margin:5px;max-height:60px;max-width:110px;min-height:60px;min-width:110px;text-align:center}.row{display:flex;flex-direction:row}.correct-modal{background-color:#00ca0d}.incorrect-modal{background-color:#da6b6b}.close-modal{background-color:#ffff70;font-size:small}.small-font{font-size:14px}.start-button{background-color:#a3a7aa;margin-bottom:15%;margin-top:5%}
/*# sourceMappingURL=main.85f475da.css.map*/