@import url(https://fonts.googleapis.com/css2?family=Codystar&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cookie&display=swap);:root{--color-darkest:#1a4d5c;--color-dark:#2d6b7a;--color-medium:#7db5c4;--color-light:#e8f4f7;--color-theme:#5ba9b8;--color-accent:#ffc971;--color-fact-bg:#ffc97133}*{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:62.5%}body{background-color:#1a4d5c;background-color:var(--color-darkest);color:#e8f4f7;color:var(--color-light);min-height:100vh;padding:3.2rem}.app{flex-direction:column;justify-content:center;margin:0 auto;max-width:600px}.app,.app-header{align-items:center;display:flex}.app-header{justify-content:space-between;margin-bottom:4rem}.error{background-color:#495057;border-radius:100px;font-size:1.6rem;font-weight:500;padding:2rem;text-align:center}img{width:14rem}h1{font-family:Codystar;font-size:5.6rem;text-align:center}@media screen and (max-width:1024px){h1{font-size:3rem}}h2{font-size:3.6rem;margin-bottom:2rem}h3{font-size:2.4rem;margin-bottom:4rem}h3,h4{font-weight:600}h4{font-size:2.2rem;margin-bottom:2.4rem}h5{font-size:1.8rem;font-weight:400;margin-bottom:2rem}.question-tip{display:inline-block;padding-left:5rem;position:relative}.question-tip:before{content:"💡";font-size:4rem;left:0;line-height:1;position:absolute;top:0}.start{align-items:center;display:flex;flex-direction:column;text-align:center}.progress{grid-gap:1.2rem;color:#7db5c4;color:var(--color-medium);display:grid;font-size:1.8rem;gap:1.2rem;grid-template-columns:auto auto;justify-content:space-between;margin-bottom:4rem}progress{-webkit-appearance:none;grid-column:1/-1;height:12px;width:100%}::-webkit-progress-bar{background-color:#7db5c4;background-color:var(--color-medium);border-radius:100px}::-webkit-progress-value{background-color:#5ba9b8;background-color:var(--color-theme);border-radius:100px}.btn{background-color:#2d6b7a;background-color:var(--color-dark);border:2px solid #2d6b7a;border:2px solid var(--color-dark);border-radius:100px;color:inherit;cursor:pointer;display:block;font-family:inherit;font-size:2rem;padding:1.2rem 2.4rem;transition:.3s}.btn:not([disabled]):hover{background-color:#1a4d5c;background-color:var(--color-darkest)}.btn-option:not([disabled]):hover{transform:translateX(1.2rem)}.btn[disabled]:hover{cursor:not-allowed}.btn-right{float:right}.btn-ui{text-align:center}.btn-small{font-size:1.8rem;padding:1rem 2rem}.btn-coffee{background-color:#ffc971;background-color:var(--color-accent);border-color:#ffc971;border-color:var(--color-accent);color:#1a4d5c;color:var(--color-darkest);font-family:Cookie,cursive;font-size:2rem}.btn-coffee:not([disabled]):hover{background-color:#ffb84d;border-color:#ffb84d}.options{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:3.2rem}.btn-option{text-align:left;width:100%}.btn-option.correct{background-color:#5ba9b8;background-color:var(--color-theme);border:2px solid #5ba9b8;border:2px solid var(--color-theme);color:#e8f4f7;color:var(--color-light)}.btn-option.wrong{background-color:#ffc971;background-color:var(--color-accent);border:2px solid #ffc971;border:2px solid var(--color-accent);color:#1a4d5c;color:var(--color-darkest)}.answer{transform:translateX(2rem)}.finish-screen{display:flex;flex-direction:column;gap:2rem}.result{background-color:#5ba9b8;background-color:var(--color-theme);border-radius:100px;color:#e8f4f7;color:var(--color-light);font-size:2rem;font-weight:500;padding:2rem 4rem;text-align:center}.result span{font-size:2.2rem;margin-right:4px}.highscore{font-size:1.8rem;margin-bottom:4.8rem;text-align:center}.share{background-color:#2d6b7a;background-color:var(--color-dark);border-radius:10px;padding:2rem}.share h4{color:#e8f4f7;color:var(--color-light);font-size:1.8rem;margin-bottom:1.2rem;text-align:center}.share-textarea{background-color:#e8f4f7;background-color:var(--color-light);border:2px solid #7db5c4;border:2px solid var(--color-medium);border-radius:8px;color:#1a4d5c;color:var(--color-darkest);cursor:pointer;font-family:inherit;font-size:1.6rem;padding:1.2rem;resize:none;width:100%}.share-textarea:focus{border-color:#5ba9b8;border-color:var(--color-theme);outline:none}.action-buttons{display:flex;flex-wrap:wrap;gap:1.2rem}.action-buttons .btn{flex:1 1;min-width:200px}.moreinfo{color:#e8f4f7;color:var(--color-light);font-size:1.5rem;line-height:1.5;padding:1.5rem 2.5rem;text-align:center}.moreinfo a{color:#ffc971;color:var(--color-accent);text-decoration:none;transition:color .2s ease-in-out}.moreinfo a:hover{color:#e8f4f7;color:var(--color-light);text-decoration:underline}.moreinfo a:visited{color:#ffc971;color:var(--color-accent)}.moreinfo a:active{color:#e8f4f7;color:var(--color-light);text-decoration:underline}.loader-container{align-items:center;display:flex;flex-direction:column;font-size:1.4rem;gap:1.6rem;margin-top:4rem}.loader-container,.timer{color:#7db5c4;color:var(--color-medium)}.timer{border:2px solid #2d6b7a;border:2px solid var(--color-dark);border-radius:100px;float:left;font-size:1.8rem;padding:1.35rem 2.8rem}.loader{animation:loader 1s linear infinite;background:radial-gradient(circle closest-side,currentColor 90%,#0000) 0 50%,radial-gradient(circle closest-side,currentColor 90%,#0000) 50% 50%,radial-gradient(circle closest-side,currentColor 90%,#0000) 100% 50%;background-repeat:no-repeat;background-size:33.33333% 12px;height:24px;width:50px}@keyframes loader{20%{background-position:0 0,50% 50%,100% 50%}40%{background-position:0 100%,50% 0,100% 50%}60%{background-position:0 50%,50% 100%,100% 0}80%{background-position:0 50%,50% 50%,100% 100%}}@media screen and (max-width:600px){.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}}.counter{align-items:center;display:flex;flex-direction:column;font-size:2rem;font-weight:700;gap:1rem;margin:6rem}.counter *{font-size:inherit;padding:.8rem}
/*# sourceMappingURL=main.0be01bf5.css.map*/