*{padding:0;margin:0;box-sizing:border-box}.App{position:relative;display:flex;flex-direction:column;justify-content:center;padding:2em;height:100vh;font-family:Karla,sans-serif;background-color:#f5f7fb;color:#293264;overflow:hidden;z-index:0}.decor-one,.decor-two{position:absolute;z-index:-1}.decor-two{right:-100px;top:-120px}.decor-one{left:-100px;bottom:-80px}.welcome-site__btn{padding:1em 2.5em;border:none;border-radius:15px;font-family:Inter,sans-serif;font-size:1.8rem;background-color:#4d5b9e;color:#f5f7fb;cursor:pointer;transition:background-color .3s}.welcome-site__btn:hover{background-color:#3a4da9}.questions{display:flex;flex-direction:column;align-items:center;overflow-y:auto;height:90vh;margin:0 auto}.question{display:flex;flex-direction:column;padding:3em 2em;line-height:1.1;border-bottom:1px solid #dbdef0}.question__text{margin-bottom:1em;font-size:1.8rem;text-align:center}.question__btn{padding:1em 2.5em;border:none;border-radius:15px;font-family:Inter,sans-serif;font-size:1.8rem;background-color:#4d5b9e;color:#f5f7fb;cursor:pointer;transition:background-color .3s;align-self:center}.question__btn:hover{background-color:#3a4da9}.question:last-of-type{margin-bottom:3em}.check-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2em;margin-top:3em;width:100%}.check-result{font-family:Inter,sans-serif;font-size:2rem;font-weight:700}.answer-box{display:flex;justify-content:center;row-gap:3em;flex-wrap:wrap;width:100%}.answer{width:200px;flex:1 1 300px;padding:.5em 2em;margin:0 1em;font-family:Inter,sans-serif;font-weight:600;font-size:1.5rem;background:none;border-radius:25px;border:1px solid #4d5b9e;color:#293264;cursor:pointer;transition:background-color .3s,border .3s}.answer:hover,.answer:focus{outline:none;background-color:#d6dbf5;border:1px solid rgba(0,0,0,0)}form{display:flex;flex-wrap:wrap;gap:2em 1em;padding:2em;max-width:600px;margin-bottom:2em}form select{flex:1 0 200px;padding:1em 2.5em;background-color:#4d5b9e;border-radius:15px;cursor:pointer;transition:background-color .4s}form select:hover{background-color:#3a4da9}@media (min-width: 768px){.question{padding:3em 4em;max-width:1000px}.question__text{margin-bottom:1em;font-size:2.3rem}.answer{width:auto;min-width:300px}}@media (min-width: 992px){.answer{flex:1 1 400px;max-width:400px;min-width:350px}}@media (min-width: 1400px){.questions{align-items:flex-start}.question{padding:3em 10em;width:1100px}.question__text{text-align:left}.answer-box{justify-content:flex-start;flex-wrap:nowrap}.answer{min-width:auto;flex:1 1 auto}}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:62.5%;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}