#page-auth{display:flex;flex-direction:row;align-items:stretch;height:100vh}#page-auth main{flex:8 1;padding:0 2rem;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(90deg,var(--dark-primary),var(--background))}@media (max-width:730px){#page-auth{flex-direction:column}#page-auth aside{display:none}}.main-content{display:flex;flex-direction:column;width:100%;max-width:20rem;align-items:stretch;text-align:center}.main-content>img{align-self:center}.main-content .user-info{background:var(--dark-primary);padding:1rem;margin-top:1rem;border-radius:10%;box-shadow:0 5px 10px var(--background)}.main-content .user-info img{border-radius:50%;border:1px solid var(--dark-secondary)}.main-content .user-info h3{margin-top:1rem;font-size:1.8rem}.main-content h2{font-size:1.5rem;margin:3rem 0 1.5rem;font-family:"Poppins",sans-serif;color:var(--medium-primary)}.main-content form input{height:50px;border-radius:8px;padding:0 1rem;background:var(--background);color:var(--light-primary);border:1px solid var(--medium-secondary)}.main-content form button{margin-top:1rem}.main-content form button,.main-content form input{width:100%}.main-content p{font-size:14px;color:var(--medium-primary);margin-top:1rem}.main-content p a{color:var(--light-secondary);text-decoration:none}.main-content p a :hover{-webkit-filter:brightness(.9);filter:brightness(.9)}.main-content .reponsive-title{font-size:1.6rem;line-height:1.5rem;font-weight:500;margin:1.4rem;display:none}@media (max-width:730px){.main-content .reponsive-title{display:block}}.main-content .create-room{margin-top:34px;height:50px;border-radius:.5rem;font-weight:500;background-color:var(--dark-secondary);color:var(--contrast);display:flex;justify-content:center;align-items:center;cursor:pointer;border:0;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s}.main-content .create-room img{margin-right:.5rem}.main-content .create-room:hover{-webkit-filter:brightness(.8);filter:brightness(.8)}.main-content .separator{font-size:14px;color:var(--light-primary);margin:2rem 0;display:flex;align-items:center}.main-content .separator:before{content:"";flex:1 1;height:1px;background:var(--light-primary);margin-right:1rem}.main-content .separator:after{content:"";flex:1 1;height:1px;background:var(--light-primary);margin-left:1rem}.button{height:50px;border-radius:.5rem;font-weight:800;font-size:1.3rem;background-color:var(--medium-primary);color:var(--background);padding:0 2rem;display:flex;justify-content:center;align-items:center;cursor:pointer;border:0;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s}.button img{margin-right:.5rem}.button.outlined{color:var(--background);background:var(--dark-secondary);border:1px solid var(--light-primary)}.button:not(:disabled):hover{-webkit-filter:brightness(.9);filter:brightness(.9)}.button:disabled{color:var(--light-primary);opacity:.6;cursor:not-allowed}aside{flex:7 1;background-image:linear-gradient(90deg,var(--light-primary),var(--medium-primary));color:var(--background);display:flex;flex-direction:column;justify-content:center;padding:120px 80px}aside img{max-width:320px}aside strong{font:700 36px "Poppins",sans-serif;line-height:2.6rem;margin-top:1rem}aside p{font-size:1.4rem;line-height:18px;margin-top:1rem;color:var(--background)}.room-code{height:2.5rem;border-radius:.5rem;overflow:hidden;background:var(--light-primary);border:1px solid var(--light-primary);cursor:pointer;display:flex}.room-code div{background-color:var(--dark-primary);padding:0 12px;display:flex;justify-content:center;align-items:center;height:100%}.room-code span{display:block;align-self:center;flex:1 1;padding:0 1rem 0 .85rem;width:14.375;font-size:.875rem;font-weight:500}.question{background-color:var(--dark-primary);border-radius:.5rem;box-shadow:0 2px 12px rgba(0,0,0,.04);padding:1.5rem;animation-name:newQuestion;animation-duration:1.2s;animation-fill-mode:forwards}.question img{color:var(--background)}.question+.question{margin-top:.5rem}.question.highlighted{color:var(--dark-primary);background:var(--light-secondary);border:2px solid var(--dark-secondary);font-weight:800;font-size:1.2rem}.question.highlighted .user-info>img,.question.highlighted span{transform:scale(1.2)}.question.answered{background:var(--background);color:var(--medium-primary);box-shadow:0 2px 4px var(--dark-primary)}.question footer{justify-content:space-between;margin-top:1.5rem}.question footer,.question footer .user-info{display:flex;align-items:center}.question footer .user-info img{width:2rem;height:2rem;border-radius:50%}.question footer .user-info span{margin-left:.5rem;font-weight:500;font-size:.875rem}.question footer>div{display:flex;grid-gap:1rem;gap:1rem}.question footer>span{font-size:.875rem;color:var(--light-primary)}.question footer>span button{background:transparent;border:0;color:var(--dark-secondary);font-size:.875rem;font-weight:500;cursor:pointer}.question footer button{border:0;background:transparent;cursor:pointer;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s}.question footer button.like-button{display:flex;align-items:flex-end;grid-gap:.5rem;gap:.5rem;color:var(--light-primary)}.question footer button.like-button.liked{color:var(--light-secondary)}.question footer button.like-button.liked svg path{stroke:var(--medium-primary);fill:var(--light-primary)}.question footer button:hover{-webkit-filter:brightness(.7);filter:brightness(.7)}#page-room{color:var(--light-primary)}#page-room .container{border-bottom:2px solid var(--medium-primary)}#page-room main .room-title span{background:var(--dark-secondary)}#page-room main form textarea{width:100%;border:0;padding:1rem;border-radius:1rem;background-color:var(--light-primary);box-shadow:0 2px 12px rgba(0,0,0,.04);resize:vertical;min-height:8.125rem}#page-room main form .form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}#page-room main form .form-footer .user-info{display:flex;align-items:center}#page-room main form .form-footer .user-info img{width:2rem;height:2rem;border-radius:50%}#page-room main form .form-footer .user-info span{margin-left:.5rem;color:var(--light-primary);font-weight:500;font-size:.875rem}#page-room main form .form-footer>span{font-size:.875rem;color:var(--gray);font-weight:500}#page-room main form .form-footer>span button{background:transparent;border:0;color:var(--dark-secondary);font-size:.875rem;font-weight:500;cursor:pointer}.modalBox{text-align:center;background-color:var(--background);padding:1rem;display:flex;flex-direction:column;align-items:center;margin-top:2rem}.modalBox h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:var(--light-primary)}.modalBox h3{font-size:1.5rem;font-weight:500}.modalBox button{margin-top:3rem}#page-room{background-color:var(--background);color:var(--light-green)}#page-room .container{border-bottom:2px solid var(--medium-green)}#page-room .container #adminHeader{display:flex}@media (max-width:575px){#page-room .container #adminHeader{flex-direction:column}}#page-room header{max-width:70rem;margin:0 auto;padding:1rem;display:flex;justify-content:space-between;align-items:center}#page-room header>img{max-height:2.8rem}#page-room header>div{display:flex;grid-gap:1rem;gap:1rem}#page-room header>div button{height:2.5rem}@media (max-width:415px){#page-room header{flex-direction:column}#page-room header>img{margin-bottom:1rem}}#page-room main{padding:1rem;max-width:50rem;margin:0 auto}#page-room main .room-title{margin:2rem 0 1.5rem;display:flex;align-items:center}#page-room main .room-title h1{font-family:"Poppins",sans-serif;font-size:1.5rem;color:var(--medium-primary)}#page-room main .room-title span{margin-left:1rem;background:var(--light-secondary);color:var(--background);border-radius:1rem;padding:.4rem;font-weight:500;font-size:.875rem}#page-room main .questions-list{margin-top:2rem}#page-room #noQuestions{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem}@media (prefers-color-scheme:dark){:root{--background:#081c15;--dark-primary:#3d5a80;--medium-primary:#2d6a4f;--light-primary:#2a8059;--light-secondary:#b7e4c7;--dark-secondary:#aa362b;--contrast:#fff;--gray:#737380}body{background-color:var(--background);color:var(--light-primary)}}@media (prefers-color-scheme:light){:root{--background:#4ea8de;--dark-primary:#904db8;--medium-primary:#2b2d42;--light-primary:#3639ca;--light-secondary:#ff6b6b;--dark-secondary:#ea4335;--contrast:#081c15;--gray:#737380}body{background-color:var(--background);color:var(--light-primary)}}*{outline:none;margin:0;padding:0;box-sizing:border-box}body,button,input,textarea{font:400 1rem "Roboto",sans-serif}::-webkit-scrollbar{background:var(--dark-primary);width:.8rem}::-webkit-scrollbar-thumb{background:var(--light-primary);border-radius:1rem}@keyframes newQuestion{0%{opacity:0;transform:translateX(100px)}to{transform:translateX(0);opacity:1}}
/*# sourceMappingURL=main.064c1419.chunk.css.map */