@import url(https://fonts.googleapis.com/css2?family=Gothic+A1:wght@300;400;500;600;700;800&display=swap);:root{--primary-blue:#09f;--primary-green:#40c979;--primary-grey:#e6e6e6;--primary-text-color:#f5f5f5;--box-shadow:#4f4f4f}html{box-sizing:border-box;font-size:100%}*,:after,:before{box-sizing:inherit}*{margin:0;padding:0;font-family:"Gothic A1",sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{height:100vh}.header{background-color:var(--primary-blue);color:var(--primary-text-color);margin:0 auto;padding:.8rem}.header h1{margin:0}.main{margin:1rem auto 0;width:65vw;padding:.5rem}.main-title{text-align:center}.headings{margin-bottom:.8rem;font-weight:800;font-size:1.5rem;color:var(--primary-blue)}.form{margin:2rem auto 0}hr{margin:1rem 0;background-color:#000;height:2.5px}.input-group{width:100%}input[type=text]{width:100%;padding:1rem;font-size:1.3rem}.options input[type=text]{margin-bottom:.5rem}.buttons{margin-top:1.5rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:5rem}.answerButton,.optionButton{color:var(--primary-text-color);font-weight:700;padding:.8rem;border:none;border-radius:5px;cursor:pointer;font-size:1.3rem;transform:none;transition:.4s ease-in-out}.answerButton:hover,.optionButton:hover{transform:translateY(-4px);box-shadow:0 3px 10px var(--box-shadow)}.answerButton:active,.optionButton:active{transform:translateY(0)}.optionButton{background:var(--primary-blue);display:flex;justify-content:space-around;align-items:center;width:17rem}.optionButton:disabled{background-color:#99d6ff;cursor:not-allowed;box-shadow:none;transform:none}.answerButton{background:var(--primary-green)}.answerButton:disabled{background-color:#afe9c7;cursor:not-allowed;box-shadow:none;transform:none}.plus-icon{margin-bottom:5px}.result{display:flex;justify-content:space-between;align-items:center;margin-top:2.5rem}.result-answers h1{font-weight:800;font-size:2.5rem!important}.result-answers h3{font-weight:600;font-size:1.5rem!important}.result-buttons{display:flex;flex-direction:column;align-items:flex-end;width:30%}.result-buttons>button{border:none;border-radius:5px;padding:.8rem;cursor:pointer;width:90%;margin-bottom:1rem;transition:.4s ease-in-out}.result-buttons>button:hover{box-shadow:0 3px 10px var(--box-shadow)}.re-ask-btn{background-color:var(--primary-green);color:var(--primary-text-color);font-size:2rem;font-weight:600}.new-ask-btn{text-align:center;text-decoration:none;background-color:var(--primary-grey);border:1px solid #b8b8b8;font-weight:700;color:#161616;display:flex;align-items:center;justify-content:space-between;font-size:.8rem}.redo-icon{fill:#161616;font-size:2rem;padding:0;margin:0;width:5rem}@media only screen and (max-width:64rem){.main{width:80vw}}@media only screen and (max-width:48rem){html{font-size:90%}.main{width:90vw}.new-ask-btn{font-size:1.2rem}}@media only screen and (max-width:37.5rem){.header h1,.main>h1,.main>p{text-align:center}.result{flex-direction:column}.result-buttons{width:100%;align-items:center}.result-buttons button{width:75%}}@media only screen and (max-width:33.125rem){html{font-size:80%}.main{width:70vw}.main>h1,.main>p{text-align:center}.answerButton,.optionButton{font-size:1.3rem;padding:.6rem}.result{flex-direction:column}.result-answers{margin-bottom:1rem}.result-buttons{width:100%;align-items:center}.result-buttons button{width:75%}}@media only screen and (max-width:23.4375rem){html{font-size:70%}.main{width:75vw}.main>h1,.main>p{text-align:center}.main-title h2{font-size:2rem}.main-title p{font-size:1.3rem}.result{flex-direction:column}.result-answers{margin-bottom:1rem}.result-buttons{width:100%;align-items:center}}
/*# sourceMappingURL=main.ae77e38b.chunk.css.map */