html,body{background:#19e679;margin:0;padding:0;height:100%;overflow:hidden;display:flex;flex-direction:column}.homepage h1{color:#116337;font-family:Lilita One,serif;text-align:center;font-size:4.5rem;margin:1rem;/}.homepage .logo-container{display:flex;margin-top:2rem;justify-content:center}.homepage .logo{width:10rem;height:10rem}.homepage .button-container{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:2rem}.homepage button{font-family:Lilita One,serif;display:block;margin:.2em auto;padding:.5rem 1.5rem;font-size:2.2rem;background-color:#047721;color:#fff;border:none;border-radius:5px;cursor:pointer}.homepage button:hover{background-color:#054b08}.homepage footer{position:relative;text-align:center;font-size:.94rem;color:#1d1d1d;margin-top:auto}.homepage footer p{position:relative;align-self:center;font-weight:700;font-family:Arial,sans-serif}@media only screen and (max-width: 390px){.homepage h1{margin-top:1rem;font-size:2.5rem}.homepage .logo{width:8rem;height:8rem}.homepage button{font-size:1.5rem}.homepage footer{font-size:1rem;padding:.2rem}}@media only screen and (min-width: 391px) and (max-width: 430px){.homepage h1{margin-top:4rem;font-size:2.5rem}.homepage .logo{width:8rem;height:8rem}.homepage button{font-size:1.8rem}.homepage footer{font-size:1.1rem}}.contestantpage{text-align:center;background:#19e679;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Arial,sans-serif;color:#0c6825}.contestantpage h1{font-family:Lilita One,serif;margin-bottom:5px;font-size:3rem;color:116337;text-shadow:1px 2px 2px rgba(255,255,255,.2)}.contestantpage form{display:flex;flex-direction:column;align-items:center}.contestantpage input{font-family:Lilita One,serif;background-color:#000;color:#fff;width:100%;padding:10px;font-size:20px;border:2px solid #000000;border-radius:5px;margin-bottom:15px;outline:none;transition:border-color .3s ease;text-align:center}.contestantpage input::placeholder{text-align:center}.contestantpage input:focus{border-color:#ff4d4d;box-shadow:0 0 5px #ff7d7dcc}.contestantpage button{font-family:Lilita One,serif;font-weight:700;margin:5px;padding:22px 30px;font-size:22px;color:#fff;background-color:#000;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.contestantpage button:hover{background-color:#e03a3a;transform:scale(1.05)}.contestantpage button:active{background-color:#c52828}.contestantpage button:first-of-type{background-color:#4caf50}.contestantpage button:first-of-type:hover{background-color:#45a049}.contestantpage button:first-of-type:active{background-color:#397d3e}@media only screen and (max-width: 500px){.contestantpage{transform:translateY(-100px)}}html,body{margin:0;padding:0;height:100%}.displaypage{text-align:center;background:#19e679;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Arial,sans-serif;color:#0c6825}.displaypage h1{font-family:Lilita One,serif;margin-bottom:5px;font-size:3rem;color:116337;text-shadow:1px 2px 2px rgba(255,255,255,.2)}.displaypage form{display:flex;flex-direction:column;align-items:center}.displaypage input{background-color:#000;color:#fff;font-family:Lilita One,serif;width:100%;padding:10px;font-size:20px;border:2px solid #000000;border-radius:5px;margin-bottom:15px;outline:none;transition:border-color .3s ease;text-align:center}.displaypage input::placeholder{text-align:center}.displaypage input:focus{border-color:#ff4d4d;box-shadow:0 0 5px #ff7d7dcc}.displaypage button{font-weight:700;font-family:Lilita One,serif;margin:5px;padding:22px 30px;font-size:22px;color:#fff;background-color:#000;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.displaypage button:hover{background-color:#e03a3a;transform:scale(1.05)}.displaypage button:active{background-color:#c52828}.displaypage button:first-of-type{background-color:#4caf50}.displaypage button:first-of-type:hover{background-color:#45a049}.displaypage button:first-of-type:active{background-color:#397d3e}@media only screen and (max-width: 500px){.displaypage{transform:translateY(-100px)}}.contestantpagetwo{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%}.contestantpagetwo h1{font-size:2.5em;font-weight:700;font-family:Lilita One,serif;color:#fff;text-align:center;margin-top:5.4em;padding:0;color:#116337}#username{width:100%;height:20px;padding:10px;border:none;border-radius:5px;font-size:1em;font-family:Lilita One,serif;text-align:center;align-items:center;justify-content:center}.buttons-container{position:relative;text-align:center;margin-top:1em}#teamone,#teamtwo{font-family:Lilita One,serif;text-align:center;background-color:#000;height:30px;border-radius:5px;width:110px;color:#fff;margin-left:20px;font-size:1em;border:none;cursor:pointer}#join{position:relative;justify-self:center;text-align:center;background-color:#116337;height:30px;border-radius:5px;width:110px;color:#fff;margin-left:5rem;margin-top:2em;font-family:lilita one,serif;border:none;cursor:pointer}@media only screen and (max-width: 390px){.contestantpagetwo h1{font-size:2em}}html,body{overflow:hidden;margin:0;padding:0;height:100%;width:100%;background-color:#19e679}.hostpage h1{font-size:3em;font-family:Lilita One,Arial,Helvetica,sans-serif;color:#116337;text-align:center;margin-top:15%}.gameCode{color:#efeded;font-family:Roboto,Arial,Helvetica,sans-serif}.hostpage #start{background-color:#116337;position:relative;display:flex;text-align:center;justify-self:center;align-self:center;color:#efeded;font-family:Arial,Helvetica,sans-serif;font-size:1.5em;border:none;border-radius:5px;padding:10px 15px;margin:11em auto auto;cursor:pointer}#back{font-weight:700}.waiting{font-family:Lilita One,sans-serif;display:flex;justify-content:center;align-items:center;height:100%;font-size:5vw;margin-top:2vh}@media only screen and (max-width: 500px){.waiting{transform:translateY(0);font-size:3em}}.teams-container{display:flex;justify-content:space-between}#names{font-family:roboto,sans-serif}.red,.blue{color:#000;font-family:Lilita One,serif;text-align:center;font-size:1em}.red{margin-left:3em}.blue{text-align:center;margin-right:3em}.blueblue{color:#00f}.redred{color:red}.roomid{position:absolute;bottom:10px;left:37.5%;width:25%;text-align:center;font-size:1rem;background-color:#fff;color:#3c6;padding:5px 10px;border-radius:5px;font-weight:700;box-shadow:0 4px 6px #0000004d}@media only screen and (max-width: 390px){.hostpage h1{font-size:2em}.hostpage #start{font-size:1em}.red,.blue{font-size:.8em}}.background-music{text-align:center;margin:20px}.mute-button{padding:10px 20px;font-size:16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.mute-button.muted{background-color:#f44336;color:#fff}.mute-button.unmuted{background-color:#4caf50;color:#fff}.mute-button:hover{background-color:#555;color:#fff}html,body{margin:0;padding:0;font-family:Roboto,sans-serif;background-color:#19e679;font-weight:700;overflow:auto;transform:scale(1)}.teams #red,#blue{color:#fff;display:inline;align-items:center;gap:2em;margin-top:.6em;border-radius:10px;border:3px solid rgb(0,0,121);font-size:1.6em;font-weight:700}#red{background-color:red}#blue{background-color:#00f}#next{background-color:#ff0;border:3px solid rgb(0,0,121);color:#000;padding:1em 5em;font-size:1.3em;cursor:pointer;border-radius:10px;font-weight:700;margin-top:.5em;display:block;margin-left:auto;margin-right:auto}.button-grids{margin-top:-.7em;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:20px}.button-grids button{background-color:#058a43;color:#fff;font-weight:700;font-family:Roboto,sans-serif;font-size:1.2em;padding:10px;border:none;text-align:center;border-radius:10px;border:3px solid rgb(0,0,121)}.qna{text-align:center;position:relative;top:.5em}.qna h1{font-size:2rem;padding:.5em;max-width:100%;color:#000;background-color:#ff0;border-radius:10px;border:3px solid rgb(0,0,121)}.qna p{background-color:#ff0;border:3px solid rgb(0,0,121);border-radius:10px;font-size:1.2rem;color:#0a070a;margin-top:-1em;padding:.3em;width:15em;justify-self:center;margin-left:3.4em}#pfg{font-family:arial}.teams{display:flex;justify-content:center;gap:1em}.teams button{padding:10px 20px}#wrong{background-color:#000;font-size:2.3em;border:3px solid rgb(0,0,121);border-radius:10px;padding:.5em;margin-top:.5em;color:#fff;font-weight:700}h3{position:relative;font-weight:700;align-items:center;justify-content:center;text-align:center}#skip{background-color:#ff0;color:#000}@media only screen and (max-width: 390px){.teams #red,#blue,#next{font-size:1.2rem}.button-grids button{font-size:1rem}.qna h1{font-size:1.5rem}.qna p{font-size:1rem}#wrong,h3{font-size:1.5rem}}.turn{font-family:Lilita One,sans-serif;color:#0f4b04;display:flex;justify-content:center;align-items:center;margin-top:3em;font-size:3em}.buzz{font-family:Lilita One,sans-serif;color:#0f4b04;display:flex;justify-content:center;align-items:center;font-size:6em;margin:auto;top:-.3em;border-radius:95%;height:3.5em;width:3.5em;position:relative;background-color:#02b93f;border:none;cursor:pointer}.buzz:active{color:#000201;background-color:#03892f}.teammates{position:absolute;bottom:1.5em;right:1em;background-color:#fffc;padding:1em;border-radius:8px;box-shadow:0 0 10px #0000001a;text-align:center}.teammates h2{font-size:1.5em;color:#0f4b04;margin:0}.teammates p{font-size:1em;color:#0f4b04;margin:.5em 0}.buzz:disabled{background-color:#a5d6a7;cursor:not-allowed}.name{position:absolute;top:1em;left:1em;color:#fff;font-size:1.5em;margin:0}.turn{text-align:center}@media only screen and (max-width: 390px){.buzz{font-size:4em;height:3em;width:3em}.teammates{bottom:.5rem;right:.5rem}.teammates h2{font-size:1.2rem}.teammates p{font-size:.8rem}.name{font-size:1.2rem}.turn{font-size:2rem}}@media only screen and (min-width: 391px) and (max-width: 430px){.buzz{font-size:6rem;height:3.5em;width:3.5em}.teammates{bottom:1rem;right:1rem}.teammates h2{font-size:1.3em}.teammates p{font-size:.9rem}.name{font-size:1.3rem}.turn{font-size:2.7rem}}.displayscreen{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#19e679;width:100%;height:100vh;font-family:Inter,sans-serif;color:#fff;position:relative;overflow:hidden}.lilita-one-regular{font-family:Lilita One,serif;font-weight:400;font-style:normal}.points{display:flex;justify-content:space-between;align-items:center;width:50%;margin-bottom:20px;position:absolute;top:-.5em}.redpoints,.bluepoints{margin-top:2em;background-color:#19e679;border:4px solid rgb(18,3,148);border-radius:15px;text-align:center;padding:10px;box-shadow:0 4px 6px #0000004d;font-size:1rem}.totalpoints{margin-top:.5em;position:absolute;left:50%;transform:translate(-50%);top:3em;width:10%;height:10%;aspect-ratio:1;background-color:#19e679;border:4px solid rgb(18,3,148);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;border-radius:10%;box-shadow:0 4px 6px #0000004d}.answers{margin-top:10em;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:60%;background-color:#fff;border-radius:15px;padding:3em;box-shadow:0 4px 6px #0000004d;color:#fff;border:4px solid rgb(18,3,148)}.answers h1{display:flex;justify-content:center;align-items:center;background-color:#19e679;color:#fff;padding:10px 15px;font-size:2.5rem;border-radius:10px;border:4px solid rgb(18,3,148);margin:0}.roomid{position:absolute;bottom:10px;font-size:1rem;background-color:#fff;color:#3c6;padding:5px 10px;border-radius:5px;font-weight:700;box-shadow:0 4px 6px #0000004d}@media only screen and (min-width: 1920px){.redpoints,.bluepoints{margin-top:1em;background-color:#19e679;border:4px solid rgb(18,3,148);border-radius:15px;text-align:center;padding:10px;box-shadow:0 4px 6px #0000004d;font-size:2em}.totalpoints{margin-top:.5em;position:absolute;left:50%;transform:translate(-50%);top:3em;width:10%;height:10%;aspect-ratio:1;background-color:#19e679;border:4px solid rgb(18,3,148);color:#fff;display:flex;align-items:center;justify-content:center;font-size:3rem;border-radius:10%;box-shadow:0 4px 6px #0000004d}.answers{margin-top:15em;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:60%;background-color:#fff;border-radius:15px;padding:3em;box-shadow:0 4px 6px #0000004d;color:#fff;border:4px solid rgb(18,3,148)}.answers h1{display:flex;justify-content:center;align-items:center;background-color:#19e679;color:#fff;padding:10px 15px;font-size:3.5rem;border-radius:10px;border:4px solid rgb(18,3,148);margin:0}.roomid{position:absolute;bottom:10px;font-size:2rem;background-color:#fff;color:#3c6;padding:5px 10px;border-radius:5px;font-weight:700;box-shadow:0 4px 6px #0000004d}}@media only screen and (min-width: 3840px){.redpoints,.bluepoints{margin-top:1em;background-color:#19e679;border:4px solid rgb(18,3,148);border-radius:25px;text-align:center;padding:10px;box-shadow:0 4px 6px #0000004d;font-size:4em}.totalpoints{margin-top:.5em;position:absolute;left:50%;transform:translate(-50%);top:3em;width:10%;height:10%;aspect-ratio:1;background-color:#19e679;border:4px solid rgb(18,3,148);color:#fff;display:flex;align-items:center;justify-content:center;font-size:5rem;border-radius:10%;box-shadow:0 4px 6px #0000004d}.answers{margin-top:30em;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:60%;background-color:#fff;border-radius:25px;padding:10em;box-shadow:0 4px 6px #0000004d;color:#fff;border:4px solid rgb(18,3,148)}.answers h1{display:flex;justify-content:center;align-items:center;background-color:#19e679;color:#fff;padding:10px 15px;font-size:8.5rem;border-radius:25px;border:4px solid rgb(18,3,148);margin:0}.roomid{position:absolute;bottom:10px;font-size:5rem;background-color:#fff;color:#3c6;padding:5px 10px;border-radius:25px;font-weight:700;box-shadow:0 4px 6px #0000004d}}#cointainer-x{z-index:1;align-self:center;justify-content:center}.red-x{position:absolute;width:100vw;height:100vh;top:50%;bottom:50%}.red-x:before,.red-x:after{content:"";position:absolute;width:100%;height:10vw;background-color:red;transform-origin:center}.red-x:before{transform:translate(-50%,-50%) rotate(45deg)}.red-x:after{transform:translate(-50%,-50%) rotate(-45deg)}.hidden{display:none}html,body{height:100%;margin:0;padding:0;font-family:Roboto,sans-serif}.tutorial{margin-top:5em}.tutorial h1,.tutorial h2,.tutorial h3{position:relative;text-align:center}.tutorial button{display:flex;align-items:center;text-align:center;justify-self:center;margin:.5em auto 1em;font-size:3em;border-radius:1em;border:none;padding:.1em .4em;background-color:#fff;cursor:pointer;color:#000}.tutorial .players,.tutorial .hosts{background-color:#fff;border-radius:1em;width:80%;text-align:center;position:relative;margin:1em auto auto;border:.3em solid black;padding:1em}.tutorial .displays{background-color:#fff;border-radius:1em;width:50%;text-align:center;position:relative;margin:1em auto auto;border:.3em solid black;padding:1em}span{color:red}@media only screen and (min-width: 1000px){.tutorial .players,.tutorial .hosts,.tutorial .displays{margin-top:7rem}}#back{position:absolute;bottom:0;left:0;margin:5px;padding:22px 30px;font-size:16px;color:#fff;background-color:#000;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}@media only screen and (max-width: 390px){.tutorial h1{font-size:2rem}.tutorial h2{font-size:1.2rem}.tutorial h3{font-size:1.3rem}.tutorial button{font-size:1.5rem}}@media only screen and (min-width: 391px) and (max-width: 440px){.tutorial h1{font-size:2.5rem}.tutorial h2{font-size:1.5rem}.tutorial h3{font-size:1.7rem}.tutorial button{font-size:2rem}}html,body{margin:0;padding:0;font-family:Roboto,sans-serif}.winner h1{font-size:2.5rem;display:flex;font-weight:700;color:#000;padding:0;text-align:center;margin:auto;justify-content:center;align-self:center}.winner{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}