footer{background-color:#a3a3a3;padding:1rem 0}.div-home{width:100%}.home-banner{width:100%;position:relative;height:80vh;overflow-x:scroll;overflow-y:hidden}.home-banner::-webkit-scrollbar{display:none}.home-banner{-ms-overflow-style:none;scrollbar-width:none}.img-home{height:100%}.div-home-img,.img-home{width:100%}.home-content{width:100%;padding:1rem 0}.quiz-home{position:"relative"}.page-head{font-size:4rem;font-weight:700;margin:2rem auto;text-align:center;font-family:"Righteous",cursive}.modal-div{width:100%;position:fixed;padding:0;top:50%;left:0;transform:translateY(-50%);-ms-transform:translateY(-50%);margin:0 auto;display:flex;flex-direction:column;z-index:20}.modal-sub-div{position:relative;text-align:center;margin:0 auto;padding:1rem;background-color:#e5e7eb;box-shadow:0 0 20px #4b5563;border-radius:.35rem}.overlay{position:fixed;background-color:rgba(0,0,0,.5);top:0;right:0;left:0;bottom:0;z-index:50}.graph{border-left:1px solid #71717a;border-bottom:1px solid #71717a;width:60%;margin:1rem auto 2rem}.toast-class{width:97%}.btn-sign-in{background:transparent;font-size:var(--txt-125);border:1px solid #f5f5f5;padding:.35rem .75rem;position:relative}.btn-play,.btn-sign-in{color:#f5f5f5;outline:none;cursor:pointer}.btn-play{font-size:1.25rem;background-color:#22c55e;padding:.5rem 1.5rem;margin:0 auto;border:none}@media screen and (max-width:600px){.graph{width:auto}.btn-sign-in{font-size:var(--txt-115)}}.gooey{position:absolute;top:50%;left:50%;width:142px;height:40px;margin:-20px 0 0 -71px;background:#f5f0f0;-webkit-filter:contrast(20);filter:contrast(20)}.gooey .dot{position:absolute;width:16px;height:16px;top:12px;left:15px;-webkit-filter:blur(4px);filter:blur(4px);background:#0c4a6e;border-radius:50%;transform:translateX(0);animation:dot 2.8s infinite}.gooey .dots{transform:translateX(0);margin-top:12px;margin-left:31px;animation:dots 2.8s infinite}.gooey .dots span{display:block;float:left;width:16px;height:16px;margin-left:16px;-webkit-filter:blur(4px);filter:blur(4px);background:#0c4a6e;border-radius:50%}@keyframes dot{50%{transform:translateX(96px)}}@keyframes dots{50%{transform:translateX(-31px)}}.profile-block{text-align:center;margin:2rem auto}.profile-img{margin:1rem auto}.user-img{height:200px;width:200px}.user-avatar{font-size:1.5rem;margin:.5rem auto;color:#0369a1}.link-edit{font-size:1rem;color:#0284c7;margin:.5rem auto}.link-edit span:hover{cursor:pointer;text-decoration:underline}hr{margin:1rem auto;background-color:grey;width:20%}.txt-empty{color:#0284c7}.profile-info-img{height:1.5rem;width:1.5rem;position:relative;top:.1em;margin:0 1rem}.btn-logout{font-size:1.2rem;margin:1rem auto;padding:.5rem 3rem;cursor:pointer;font-weight:700;border:none;outline:none;background-color:#dc2626;color:#f5f5f5}@media screen and (max-width:600px){.profile-name{font-size:var(--txt-15)}hr{width:50%}}.score-container{padding:.5rem;position:relative;border-top:1px solid #1e40af;margin:2rem auto}.page-block{display:flex;flex-direction:column;margin:1rem auto}.page-title{font-size:3rem;font-weight:700;margin:2rem auto;text-align:center;color:#0284c7}.align-center{text-align:center;display:flex;flex-direction:column}.page-nav-txt{font-size:1.15rem;color:#0284c7;margin:.5rem auto}.page-nav-link{color:#0284c7;margin-left:.5rem}.page-nav-link:hover{text-decoration:underline}.error-container{font-size:2rem;opacity:.6;margin:2rem auto;text-align:center;display:flex;flex-direction:column}.error-txt-md{font-size:6rem;margin:1rem auto;color:#1e40af}.error-txt-sm{font-size:2rem;margin:1rem auto;color:#525252}.btn-empty{font-size:1.5rem;border:none;outline:none;color:#2563eb;cursor:pointer}
/*# sourceMappingURL=main.1ceccc2d.chunk.css.map */