@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#000;height:100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{margin-top:0}.background-video{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.background-video video{object-fit:cover;width:100%;height:100%}.dashboard-container{display:flex;justify-content:space-between;padding:20px}body{background-color:#fff9e6}@media (max-width: 480px){.dashboard-container{display:flex;flex-direction:column;max-width:100%}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;box-shadow:0 2px 15px #0000001a;background-color:var(--landing-blue)}.navbar h1{margin:0;padding:0;letter-spacing:25px;position:relative;z-index:1}.navbar-actions{display:flex;align-items:center}.navbar-favicon{background-color:var(--p-white);width:100px;border-radius:50%;z-index:2}.navbar-login-btn{display:flex;align-items:center;color:#333;text-decoration:none;border-radius:4px;transition:background-color .3s}.navbar-login-btn:hover{background-color:var(--p-white)}.navbar-login-btn{background-color:var(--p-gray)}.logout-button{display:flex;flex-direction:column;align-items:center}.icon-background{background-color:var(--p-white);border-radius:50%;padding:5px}.icon-background:hover{background-color:var(--p-gray)}.ball-gif{position:absolute;width:300px;height:auto;margin-left:65%;margin-right:5%}@media (max-width: 950px){.navbar h1{letter-spacing:10px}}@media (max-width: 768px){.navbar{flex-direction:column;align-items:center;padding:1rem}h1{margin:1rem 0;font-size:4vw}.navbar h1{letter-spacing:15px}.navbar-actions{width:100%;justify-content:center}.logout-button{flex-direction:column}.ball-gif{display:none}}@media (max-width: 480px){.navbar{flex-direction:column;align-items:center;padding:.5rem}.navbar h1{font-size:2rem;letter-spacing:5px}.navbar-actions{width:100%;justify-content:center}.logout-button{flex-direction:row;align-items:center}.ball-gif{display:none}}.sessionlist-container{top:0;right:0;width:500px;height:100vh;overflow-y:auto;background-color:#f7f7f7;padding:3%;box-shadow:-3px 0 10px #0000001a;margin-right:20px;border-radius:10px;text-align:center}.sessionlist-container h2{color:#333;font-size:1.2em;margin-bottom:20px}.sessionlist-container li{margin-bottom:10px}.sessionlist-container li a{display:block;padding:10px;border-radius:5px;background-color:#fff;box-shadow:0 0 10px #0000001a;border:1px solid rgba(0,0,0,.05);text-decoration:none;color:#333}.sessionlist-container a{color:#333;text-decoration:none;padding:4px 8px;border-radius:5px;transition:all .3s ease;display:inline-block}.sessionlist-container a:hover{transform:translateY(-5px);box-shadow:0 6px 20px #0000001f;background-color:var(--landing-blue);color:#fff}.sessionlist-container ul{list-style:none;padding:0}@media (max-width: 768px){.sessionlist-container{width:95%;padding:2%}.sessionlist-container h2{font-size:1.1em;margin-bottom:15px}.sessionlist-container li{margin-bottom:8px}.sessionlist-container li a{padding:8px}.dashboard-container{flex-direction:column;gap:10px}}@media (max-width: 480px){.sessionlist-wrapper{position:fixed;bottom:0;left:0;width:100%;z-index:1000}.sessionlist-container{max-width:100%;width:90%;align-items:center}}footer{background-color:var(--landing-blue);padding:.1rem 5%;font-family:Arial,sans-serif}.footer-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.logo-container{width:15%;padding:1rem 0}.footer-logo{width:60%;height:auto}.footer-col-1,.footer-col-2{width:25%;padding:1rem 0}h4{margin-bottom:1rem;color:#525050;font-weight:700;font-size:20px}.footer-col-1 .footer-col-2 p{margin-bottom:.5rem;color:#fff;font-size:15px}a{color:#fff;transition:color .3s;text-underline-offset:.2rem}a:hover{color:#007bff}@media (max-width: 480px){.footer-container{flex-direction:column;align-items:center}.logo-container,.footer-col-1,.footer-col-2{width:50%;text-align:center;margin-bottom:10px}.footer-logo{width:30%;margin:0 auto}}body{font-family:Open Sans,sans-serif;color:#333;line-height:1.6;margin:0;padding:0;overflow:auto!important}.landing-page{background-color:var(--p-white)}h1{text-align:center;padding:2rem 0;font-size:2rem;color:#2c3e50}.landing-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:2rem;background-color:var(--p-gray);box-shadow:0 4px 15px #00000014;border-radius:10px;margin:1rem 2rem;transition:transform .3s,box-shadow .3s}.landing-container:hover{transform:translateY(-5px);box-shadow:0 6px 20px #0000001f;border:1px solid var(--landing-blue)}.landing-content{flex:1;padding:2rem;max-width:50%}.landing-content h2{margin-bottom:1rem;color:#34495e;font-size:1.2rem}.landing-content p{margin-bottom:1.5rem;color:#7f8c8d}.landing-image{max-width:50%;height:auto;border-radius:15px;box-shadow:0 4px 8px #0000001a;margin:1rem;transition:box-shadow .3s}.landing-image:hover{box-shadow:0 6px 20px #00000026}@media (max-width: 768px){.landing-container{flex-direction:column;margin:1rem .5rem}.landing-content,.landing-image{max-width:100%;margin-bottom:1rem}h1{font-size:2rem}.landing-content h2{font-size:1.5rem}}.question-all{display:flex;flex-direction:column;align-items:center;justify-content:center}.question{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background-color:#fff;box-shadow:0 4px 15px #00000014;border-radius:10px;margin:2.5rem 2rem}.submit-container{display:flex;justify-content:center;padding:1rem}.session-button{display:flex;align-items:center;font-size:20px;padding:10px 15px;border-radius:5px;border:none;cursor:pointer;max-width:200px;text-align:center;justify-content:center}.session-background img{position:fixed;z-index:-1;top:0;width:100%;height:100%}@media (max-width: 480px){.session-background img{width:1400px;height:100vh;left:50%;transform:translate(-50%)}}.draw-container{padding:20px;display:flex;flex-direction:column;align-items:center}.canvas{border:4px solid black;margin-bottom:20px;background-color:#fff;touch-action:none;width:400px;height:400px}.button-group{padding-bottom:10px}@media (max-width: 600px){.draw-container,.canvas{width:100%;height:auto}.button-group button{font-size:14px;margin-right:3px;margin-left:3px}}.emoji-container{font-size:5vw;display:flex;justify-content:center;flex-wrap:wrap;max-width:800px;margin:auto;flex-direction:row}.emoji{cursor:pointer;margin:1vw;transition:opacity .3s}.write-container{display:flex;flex-direction:column;align-items:center;max-width:800px;margin:auto}.text-area{width:600px;max-width:65vw;margin-bottom:20px;resize:vertical;border:3px solid black}.questionlist-container{top:0;right:0;width:250px;height:100vh;overflow-y:auto;background-color:#2d545e;padding:3%;box-shadow:-3px 0 10px #0000001a;text-align:center;flex-shrink:0;color:#fff}.question-container{display:flex;align-items:start}.questionlist-container h2{color:#fff;font-size:1.2em;margin-bottom:20px;padding-top:40px}.questionlist-container li{margin-bottom:10px}.questionlist-container li button{display:block;width:100%;padding:10px;border-radius:5px;background-color:#fff;box-shadow:0 0 10px #0000001a;border:1px solid rgba(0,0,0,.05);text-decoration:none;color:#333}.questionlist-container button{color:#333;text-decoration:none;padding:10px;border-radius:5px;transition:all .3s ease;display:inline-block}.questionlist-container button:hover{box-shadow:0 6px 20px #0000001f;background-color:var(--landing-blue);color:#fff}.questionlist-container ul{list-style:none;padding:0}.answer-container{box-sizing:border-box;width:100%;background-color:#e7e7e7;border-radius:10px;text-align:left;padding:10px;margin-top:20px;margin-right:20px;margin-left:20px}.answer-drawing{background-color:#eee;margin:10px;padding:5px;border-radius:10px;border:1px solid #ccc;flex:0 0 calc(33.333% - 10px);height:200px;width:200px}.answer-text{color:#000;display:block}.answer-emoji{display:flex;flex-direction:column;margin:5px;font-size:24px}.emoji-stats{display:flex;gap:20px;margin:20px}.emoji-stats p{color:#000}:root{--p-orange: #f17e18;--p-yellow: #fbe462;--p-green: #83e73b;--p-cyan: #57acac;--p-blue: #557fe0;--p-beige: #d1c0a8;--purple: #a14ebf;--pink: #f36a9d;--p-white: #f4f6f9;--p-gray: #dedede;--black: #000000;--landing-blue: #6798de;--nyan-blue: #2d545e}.delete-user-button:hover{color:red}.admin-logout-button{position:fixed;top:0;left:0}.admin-header{background-color:var(--nyan-blue);color:#fff}.admin-logout-button .MuiSvgIcon-root{font-size:40px}.action-container{display:flex;align-items:center;justify-content:center}html,body{margin:0;width:100%;height:100%}.thanks-background-video{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.thanks-background-video video{object-fit:cover;width:100%;height:100%}.content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;box-sizing:border-box}.content h1{font-size:2vw;font-weight:400}@media (max-width: 480px){.thanks-background-video video{position:center;width:800px;height:100vh;z-index:-1;left:50%;transform:translate(-45%)}.content h1{font-size:5vw;font-weight:400;margin-right:120px}}