.popup-content{background:#fff;border:1px solid #d7d7d7;margin:auto;padding:5px;width:50%}[role=tooltip].popup-content{border-radius:5px;box-shadow:0 0 3px rgba(0,0,0,.16);width:200px}.popup-overlay{background:rgba(0,0,0,.5)}[data-popup=tooltip].popup-overlay{background:transparent}.popup-arrow{stroke-width:2px;stroke:#d7d7d7;stroke-dasharray:30px;stroke-dashoffset:-54px;bottom:0;color:#fff;-webkit-filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));left:0;right:0;top:0}:root{--text-color-light:#000;--background-color-light:#fff;--text-color-dark:#fff;--background-color-dark:#000;--accent-color-dark:#333;--accent-color-light:#ddd;--font:Arial,Helvetica,sans-serif}::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;color:var(--text-color);scrollbar-width:none}body.light{--text-color:var(--text-color-light);--background-color:var(--background-color-light);--accent:var(--accent-color-light)}body.dark,body.light{background-color:var(--background-color)}body.dark{--text-color:var(--text-color-dark);--background-color:var(--background-color-dark);--accent:var(--accent-color-dark)}.header{margin:0;position:relative}.header,button{text-align:center}button{background-color:green;border:none;border-radius:.25vw;color:#fff;cursor:pointer;display:inline-block;font-size:1vw;margin-left:50%;padding:.6vw 1.3vw;text-decoration:none;-webkit-transform:translate(-50%);transform:translate(-50%);transition:all .5s}h1{font-size:4.5vw}h1,h2{color:var(--text-color);font-family:Arial,Helvetica,sans-serif;font-family:var(--font);margin:0}h2{font-size:3vw;text-align:center}#custom{font-size:2vw;margin:7vw 0 20vw;-webkit-transform:translate(50%);transform:translate(50%);width:50vw}#custom,h3{color:var(--text-color);font-family:Arial,Helvetica,sans-serif;font-family:var(--font);text-align:center}h3{font-size:2.2vw;margin:0}h4{font-family:Arial,Helvetica,sans-serif;font-family:var(--font);font-size:1.6vw;margin:0}a,h4{color:var(--text-color);text-align:center}a{text-decoration:none}a:hover{color:grey}.nav{display:flex;font-family:Arial,Helvetica,sans-serif;font-family:var(--font);justify-content:center;margin:0}.nav a{color:var(--text-color);font-size:1.7vw;padding:1.2vw;text-align:center;text-decoration:none}.nav a:hover{color:grey}.customButtons{display:flex;font-family:Arial,Helvetica,sans-serif;font-family:var(--font);justify-content:center;margin-left:34vw;margin-top:-20vw;position:absolute}.customButtons button{color:var(--text-color);margin:5vw;text-align:center;text-decoration:none;width:10vw}button:hover{background-color:var(--text-color);color:var(--background-color)}#course{margin-left:7vw}#course,.switch{bottom:.8vw;display:inline-block;position:fixed}.switch{height:1.75vw;right:.8vw;width:3.1vw}.switch input{height:0;opacity:0;width:0}.slider{align-items:center;background-color:var(--text-color);border:.2vw solid var(--text-color);border-radius:3vw;bottom:0;cursor:pointer;display:flex;font-size:.9vw;justify-content:space-around;left:0;padding:.5vw;position:absolute;right:0;top:0;transition:.4s}.light .slider{background-color:#fff;background-color:var(--background-color-light);border:.2vw solid #000;border:.2vw solid var(--text-color-light)}.dark .slider{background-color:#000;background-color:var(--background-color-dark);border:.2vw solid #fff;border:.2vw solid var(--text-color-dark)}.slider:before{align-items:center;background-color:var(--background-color);border-radius:50%;bottom:.1vw;content:"";display:flex;height:1.2vw;justify-content:center;left:.2vw;line-height:0;position:absolute;transition:.4s;width:1.2vw}.light .slider:before{content:"☀️"}.dark .slider:before{content:"🌙";-webkit-transform:translateX(1.3vw);transform:translateX(1.3vw)}input:checked+.slider{background-color:var(--background-color);border:.15vw solid var(--text-color)}.question{color:var(--text-color);font-size:40px;margin:5% auto;text-align:justify;width:40vw}#math-content{color:var(--text-color);display:block;font-size:2vw;margin:6vw auto -1.5vw}#leaderboard-math{color:var(--text-color);font-size:19px;margin:-30px -30px -30px -135px}#answerBox{font-size:2.6vw;margin:0;padding:.7vw 1vw;width:100%}#answerBox,.banner{background-color:var(--background-color);border:.2vw solid var(--text-color);border-radius:.6vw;box-sizing:border-box;color:var(--text-color);overflow:hidden;resize:none}.banner{font-family:Arial,Helvetica,sans-serif;font-family:var(--font);font-size:1.05vw;position:absolute;right:.6vw;text-align:center;top:.7vw;width:15.5vw}.bannerarchive{background-color:var(--background-color);border:3px solid var(--text-color);border-radius:10px;box-sizing:border-box;margin-bottom:-20px;margin-left:50%;margin-top:90px;text-align:center;-webkit-transform:translate(-50%);transform:translate(-50%);width:300px}.about,.bannerarchive{color:var(--text-color);font-family:Arial,Helvetica,sans-serif;font-family:var(--font);font-size:20px}.about{text-align:justify}.about,.reveal{margin:20px auto;width:800px}.reveal{color:var(--text-color);font-family:Arial,Helvetica,sans-serif;font-family:var(--font);font-size:50px;padding:30px}.revealworking{font-size:20px}.notice{font-size:1.2vw;margin-top:1.5vw;text-align:center}.notice,.welcome-message{font-family:Arial,Helvetica,sans-serif;font-family:var(--font)}.welcome-message{font-size:1.3vw;left:.7vw;position:absolute;text-align:left;top:.7vw}.timemode{display:flex;font-family:Arial,Helvetica,sans-serif;font-family:var(--font);justify-content:center;margin:0}#selection{color:var(--text-color);font-size:40px;padding-left:150px;padding-right:150px;text-align:center;text-decoration:none}.timemode button{all:unset;cursor:pointer;font-size:60px;padding:20px}.timemode button:hover{color:grey}#leave{all:unset;bottom:-40px;color:var(--text-color);cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-family:var(--font);font-size:40px;left:50%;margin:0 auto;padding:20px;position:fixed;text-align:center;text-decoration:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#leave:hover{color:grey}#select{margin-top:50px}button:disabled{background-color:grey;cursor:not-allowed}table{border-collapse:collapse;font-family:Arial,Helvetica,sans-serif;font-family:var(--font);width:100%}td,th{border:1px solid var(--accent);padding:8px;text-align:left}tr:nth-child(2n){background-color:var(--accent)}.smallleaderboard h2{font-size:150%;padding:20px}.smallleaderboard p{color:var(--text-color);font-family:Arial,Helvetica,sans-serif;font-family:var(--font);font-size:30px;margin:0;padding:20px;text-align:center}.ordinal-cell{display:flex;justify-content:space-between;width:3.5em}#pointsmessage{margin-left:auto;margin-right:18px;text-align:right}#admin{font-family:Arial,Helvetica,sans-serif;font-family:var(--font);font-size:30px;margin:0;position:absolute;right:10px;text-align:center;top:230px;width:20%}#adminBtn{background-color:#f60;margin-top:100px;width:300px}@media (max-width:1399px){.smallleaderboard{font-size:25px;margin-left:50%;text-align:center;top:200px;-webkit-transform:translate(-50%);transform:translate(-50%);width:50%}}@media (min-width:1400px){.smallleaderboard{font-size:25px;left:20px;margin:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20%}}#questivians{margin-top:1vw}.chatroom{border:1px solid #ccc;display:flex;flex-direction:column;height:400px;position:fixed;right:10px;top:300px;width:300px}.chat-header{background-color:#007bff;color:#fff;padding:10px;text-align:center}.chat-messages{border:1px solid #ccc;flex:1 1;font-family:Arial,Helvetica,sans-serif;overflow-y:auto;padding:10px}.chat-input{display:flex;padding:10px}.chat-input input{border:1px solid #ccc;border-radius:4px;flex:1 1;margin-right:10px;padding:10px}.chat-input button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:30px;padding:10px}.chat-input button:hover{background-color:#0056b3}.user-message{word-wrap:break-word;background-color:#6d6d6d;border:1px solid #ccc;border-radius:5px;font-size:90%;margin-bottom:1ex;margin-left:5px;margin-right:10%;padding:3px 5px;position:relative}.class-content{color:var(--text-color);font-size:16px}span.chat-sender{color:#fff;font-weight:700}.modal{font-size:12px}.modal>.header{border-bottom:1px solid gray;font-size:18px;padding:5px;text-align:center;width:100%}.modal>.actions,.modal>.content{padding:10px 5px;width:100%}.modal>.actions{margin:auto;text-align:center}.modal>.close{background:#fff;border:1px solid #cfcece;border-radius:18px;cursor:pointer;display:block;font-size:24px;line-height:20px;padding:2px 5px;position:absolute;right:-10px;top:-10px}
/*# sourceMappingURL=main.7b0f4f0c.css.map*/