@import url(https://fonts.googleapis.com/css2?family=Climate+Crisis&family=Sono:wght@300;400;500;600;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}.App-container{background-color:#dbf09c;display:grid;grid-template-rows:auto auto 1fr;min-height:100vh}html{font-size:62.5%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App-title,body{font-family:Sono,sans-serif}.App-title{align-items:center;background:linear-gradient(135deg,#dbf09c,#c8e077);box-shadow:0 2px 8px #abbf724d;display:flex;font-size:3.5rem;font-weight:600;justify-content:center;letter-spacing:.5px;padding:3rem 2rem;position:relative}.App-title h1{color:#2d3e1f;margin:0;text-shadow:0 1px 2px #ffffff80}@media only screen and (max-width:42.1em){.App-title{font-size:2.8rem;padding:2.5rem 2rem}}@media only screen and (max-width:35.93em){.App-title{font-size:2.2rem;padding:2rem 1.5rem}}@media only screen and (max-width:29.5em){.App-title{font-size:1.2rem;padding:2rem 1rem}}.App-count-container{background-color:#dbf09c;border-bottom:1px solid #abbf724d;display:flex;flex-direction:column;gap:1.5rem;padding:3rem 5rem}@media only screen and (max-width:61.06em){.App-count-container{padding:2.5rem 4rem}}@media only screen and (max-width:42.1em){.App-count-container{padding:2rem 3rem}}@media only screen and (max-width:29.5em){.App-count-container{gap:0;padding:1.5rem 2rem}}.App-count{align-items:center;color:#2d3e1f;display:flex;font-family:Sono,sans-serif;font-size:2.4rem;font-weight:400;gap:2rem;margin:0}@media only screen and (max-width:61.06em){.App-count{font-size:2.2rem}}@media only screen and (max-width:42.1em){.App-count{font-size:2rem;gap:1.5rem}}@media only screen and (max-width:35.93em){.App-count{align-items:flex-start;flex-direction:column;font-size:1.8rem;gap:.5rem}}@media only screen and (max-width:29.5em){.App-count{font-size:1.6rem}}.App-count-right-answerfalse,.App-count-right-answertrue,.App-count-wrong-answerfalse,.App-count-wrong-answertrue{border-radius:8px;font-size:1.8rem;font-weight:500;margin:0;padding:.8rem 1.6rem;transition:all .3s ease}.App-count-right-answertrue{opacity:1}.App-count-right-answerfalse,.App-count-right-answertrue{background-color:#28a74526;border:1px solid #28a7454d;color:#155724}.App-count-right-answerfalse{opacity:0;pointer-events:none}.App-count-wrong-answertrue{opacity:1}.App-count-wrong-answerfalse,.App-count-wrong-answertrue{background-color:#dc354526;border:1px solid #dc35454d;color:#721c24}.App-count-wrong-answerfalse{opacity:0;pointer-events:none}@media only screen and (max-width:35.93em){.App-count-right-answerfalse,.App-count-right-answertrue,.App-count-wrong-answerfalse,.App-count-wrong-answertrue{font-size:1.5rem;padding:.6rem 1.2rem}}@media only screen and (max-width:29.5em){.App-count-right-answerfalse,.App-count-right-answertrue,.App-count-wrong-answerfalse,.App-count-wrong-answertrue{font-size:1.3rem;padding:.5rem 1rem}}.App-reset-container{margin-top:.5rem}.App-button-reset{-webkit-appearance:none;background-color:#fff;border:2px solid #abbf72;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#2d3e1f;cursor:pointer;font-family:Sono,sans-serif;font-size:1.6rem;font-weight:500;padding:1rem 2.4rem;transition:all .2s ease}.App-button-reset:hover{background-color:#abbf72;box-shadow:0 4px 8px #00000026;color:#fff;transform:translateY(-1px)}.App-button-reset:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}@media only screen and (max-width:29.5em){.App-button-reset{font-size:1.4rem;padding:.8rem 1.8rem}}.App-main{align-items:center;background-color:#dbf09c;display:flex;flex-direction:column;font-family:Sono,sans-serif;font-size:2rem;font-weight:500;justify-content:flex-start;min-height:400px;padding:6rem 2rem 4rem}@media only screen and (max-width:42.1em){.App-main{font-size:1.8rem;padding:5rem 2rem 3rem}}@media only screen and (max-width:29.5em){.App-main{font-size:1.6rem;padding:4rem 1.5rem 3rem}}.App-main-guess{align-self:center;display:flex;flex-direction:column;gap:3rem;max-width:600px;width:100%}.App-main-guess-question{text-align:center}.App-main-guess-p{color:#2d3e1f;font-size:2.4rem;font-weight:500;line-height:1.4;margin:0}@media only screen and (max-width:42.1em){.App-main-guess-p{font-size:2rem}}@media only screen and (max-width:29.5em){.App-main-guess-p{font-size:1.8rem}}.App-main-guess-input{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;width:100%}.App-guess-input{background-color:#fff;border:2px solid #abbf72;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#2d3e1f;flex:1 1;font-family:Sono,sans-serif;font-size:1.8rem;font-weight:400;min-width:250px;padding:1.4rem 2rem;transition:all .2s ease}.App-guess-input:focus{border-color:#8fa95d;box-shadow:0 4px 12px #8ba95d33;outline:none;transform:translateY(-1px)}.App-guess-input::placeholder{color:#a0b080}@media only screen and (max-width:29.5em){.App-guess-input{font-size:1.6rem;min-width:100%;padding:1.2rem 1.6rem}}.App-guess-button{-webkit-appearance:none;background:linear-gradient(135deg,#abbf72,#9aad5f);border:none;border-radius:8px;box-shadow:0 4px 8px #00000026;color:#fff;cursor:pointer;font-family:Sono,sans-serif;font-size:1.8rem;font-weight:600;letter-spacing:.5px;padding:1.4rem 3.2rem;text-transform:uppercase;transition:all .2s ease}.App-guess-button:hover{background:linear-gradient(135deg,#9aad5f,#8a9d4f);box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.App-guess-button:active{box-shadow:0 2px 4px #00000026;transform:translateY(0)}@media only screen and (max-width:29.5em){.App-guess-button{font-size:1.6rem;padding:1.2rem 2.4rem;width:100%}}
/*# sourceMappingURL=main.e51336b2.css.map*/