@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Bungee&display=swap";:root{--dark: #222;--light: #eeeeee;--gradient: linear-gradient(10deg, #ffaa00, #ff6a00);--gradient2: linear-gradient(15deg, #04ea00, #00d17d);--gradient3: linear-gradient(15deg, #b648ff, #ef5dff);--gradient4: linear-gradient(15deg, #71cdf8, #55c1ff);--gradient5: linear-gradient(15deg, #efce5a, #eac435);--gradient6: linear-gradient(15deg, #181818, #111111);--gradient7: linear-gradient(15deg, #d33131, #df1818);font-size:1rem}*{box-sizing:border-box}body{background-color:var(--dark);font-family:Montserrat,sans-serif;height:100%;min-height:100vh;overflow-y:auto;color:var(--light)}h1{color:#ff9d00;font-size:175%;font-weight:400;font-family:Montserrat,sans-serif}h2{font-weight:500;font-size:150%;letter-spacing:0;font-family:Montserrat,sans-serif}h3{text-align:center;color:var(--dark);font-weight:700;font-size:2rem;letter-spacing:1px;font-family:Montserrat,sans-serif;padding:2rem 0 1.5rem;margin:0;text-transform:capitalize}h5{text-align:center;color:var(--dark);font-weight:500;font-size:130%;text-align:justify;letter-spacing:0;font-family:Montserrat,sans-serif;padding:0;line-height:125%;margin:0}hr{border:0;height:1px;background:#333;background-image:linear-gradient(to right,#b74900,#333,#b74900)}.timer-readout{font-family:Roboto Mono,monospace}.sidebar-stat-container{margin:40px 0 0}.sidebar-stat-team-name{margin:0 0 30px;padding:10px;text-align:center;border:0px solid white;border-radius:10px;text-transform:uppercase;color:#000;background:var(--gradient)}.sidebar-stat-row{display:flex;justify-content:space-between;margin:0 0 10px}.sidebar-stat-label,.sidebar-stat-value{font-size:1.5em}.sidebar-stat-button{padding:10px;color:#000;background:white;margin:40px 0 0;width:100%;border:none;outline:none;-webkit-appearance:none;border-radius:4px;font-weight:600;font-size:1.25rem;letter-spacing:1.25px;cursor:pointer;font-family:Montserrat,sans-serif;transition:all .2s ease-in-out}.sidebar-stat-button:hover{color:#000;background:rgb(205,205,205);transform:scale(1.05)}.sidebar-stat-correct-feedback{margin:20px 0 30px;padding:30px;text-align:center;border:0px solid white;border-radius:10px;text-transform:uppercase;font-family:Bungee,sans-serif;font-size:2em;color:#fff;background:var(--gradient2)}.sidebar-stat-wrong-feedback{margin:20px 0 30px;padding:30px;text-align:center;border:0px solid white;border-radius:10px;text-transform:uppercase;font-family:Bungee,sans-serif;font-size:2em;color:#fff;background:var(--gradient7)}.card-title{font-family:Bungee,sans-serif;font-size:2em;color:#fff}.card-text{text-align:center;color:var(--dark);font-weight:500;font-size:130%;text-align:justify;letter-spacing:0;font-family:Montserrat,sans-serif;padding:0;line-height:125%;margin:20px 0}.card-answers{margin:20px 0}.layout-container{display:flex;justify-content:space-evenly;align-items:flex-start;padding:40px;background-color:var(--dark)}.sidebar-container{margin:0;width:250px;color:#fff}.signup-container{text-align:center;margin:0 auto;width:500px;color:#fff}.team-input{margin:100px 0 -50px;width:100%}.grid-parent{align-items:center;justify-content:center;display:flex;margin:0 0 0 40px}.grid-container{display:grid;grid-template-columns:repeat(6,150px);grid-gap:15px}.grid-button{padding:0 1rem;color:var(--dark);width:150px;height:120px;border:none;outline:none;-webkit-appearance:none;border-radius:4px;font-weight:600;font-size:1.25rem;letter-spacing:1.25px;cursor:pointer;font-family:Montserrat,sans-serif}.grid-button-disabled{cursor:default;background:var(--gradient6)}.grid-button-orange{background:var(--gradient);box-shadow:0 0 10px 1px #fa0;transition:box-shadow .1s ease-in-out}.grid-button-orange:hover{box-shadow:0 0 30px 10px #fa0}.grid-button-green{background:var(--gradient2);box-shadow:0 0 10px 1px #04ea00;transition:box-shadow .1s ease-in-out}.grid-button-green:hover{box-shadow:0 0 30px 10px #04ea00}.grid-button-pink{background:var(--gradient3);box-shadow:0 0 10px 1px #ef5dff;transition:box-shadow .1s ease-in-out}.grid-button-pink:hover{box-shadow:0 0 30px 10px #ef5dff}.grid-button-blue{background:var(--gradient4);box-shadow:0 0 10px 1px #55c1ff;transition:box-shadow .1s ease-in-out}.grid-button-blue:hover{box-shadow:0 0 30px 10px #55c1ff}.grid-button-yellow{background:var(--gradient5);box-shadow:0 0 10px 1px #eac435;transition:box-shadow .1s ease-in-out}.grid-button-yellow:hover{box-shadow:0 0 30px 10px #eac435}.modal-orange{background:var(--gradient)}.modal-green{background:var(--gradient2)}.modal-pink{background:var(--gradient3)}.modal-blue{background:var(--gradient4)}.modal-yellow{background:var(--gradient5)}.answer-button{width:100%;margin:10px auto;height:3rem;padding:10px 20px;border:none;outline:none;-webkit-appearance:none;border-radius:4px;font-weight:600;font-size:1.25rem;letter-spacing:1.25px;cursor:pointer;font-family:Montserrat,sans-serif}.backdrop{position:fixed;inset:0;height:100vh;width:100vw;background:#000000e1;display:flex;align-items:center;justify-content:center;overflow-y:auto}.modal{width:clamp(50%,800px,90%);margin:auto;padding:0 2rem;border-radius:12px;display:flex;flex-direction:column;align-items:center}.orange-gradient{background:var(--gradient)}.green-gradient{background:var(--gradient2)}.pink-gradient{background:var(--gradient3)}.blue-gradient{background:var(--gradient4)}.yello-gradient{background:var(--gradient5)}.pink{color:#c273ff}.gray{color:#666}.light-blue{color:#00b7ff}.modal-button-container{display:flex;flex-direction:row;justify-content:center;margin:40px auto;gap:20px}.modal-button{display:inline-block;padding:0 3rem;width:auto;height:3rem;border:none;outline:none;-webkit-appearance:none;border-radius:4px;font-size:1.25rem;letter-spacing:1.25px;cursor:default;font-family:Montserrat,sans-serif;background:var(--dark);color:#fff}input{width:100%;height:3rem;margin:0 auto 10px 0;padding:.25rem .5rem;outline:none;background:var(--light);border:2px solid #ff9d00;border-radius:6px;font-size:1rem;font-weight:400;font-family:Montserrat,sans-serif}textarea{width:100%;height:10rem;margin:0 auto 10px 0;padding:.25rem .5rem;outline:none;background:var(--light);border:2px solid #ff9d00;border-radius:6px;font-size:1rem;font-weight:400;font-family:Montserrat,sans-serif}.editor-grid-button{padding:1rem;color:var(--dark);width:150px;height:120px;border:none;outline:none;-webkit-appearance:none;border-radius:4px;font-size:1rem;letter-spacing:1.25px;cursor:pointer;font-family:Montserrat,sans-serif;background-color:#ddd}.active{background-color:#ff9d00}.editor-sidebar-container{margin:0;width:250px;color:#fff}.drag-handle{cursor:move}.editor-button{width:100%;margin:10px auto;height:3rem;padding:10px 20px;border:none;outline:none;-webkit-appearance:none;border-radius:4px;font-weight:600;font-size:1rem;letter-spacing:1.25px;cursor:pointer;font-family:Montserrat,sans-serif}.editor-button:hover{background-color:#666}.editor-button-delete{background-color:red;color:#fff;width:100%;margin:10px auto;height:3rem;padding:10px 20px;border:none;outline:none;-webkit-appearance:none;border-radius:4px;font-weight:600;font-size:1rem;letter-spacing:1.25px;cursor:pointer;font-family:Montserrat,sans-serif}.editor-save-feedback{margin:20px 0;padding:20px;text-align:center;border:0px solid white;border-radius:10px;font-size:2=1em;color:#fff;background:var(--gradient2)}.editor-select{width:100%;padding:10px}