:root{--btn-color:#4d5b9e}*{box-sizing:border-box;font-family:Karla,sans-serif;margin:0}main{height:100vh;margin:0 auto;max-width:550px;position:relative;text-align:center}main:after{content:url(/static/media/blob_1.43ee97e35601eefcea8c.svg);right:0;top:0}main:after,main:before{aspect-ratio:1;position:absolute;z-index:-1}main:before{bottom:0;content:url(/static/media/blob_2.c6beffc30c7cb0507e71.svg);left:0}.flex--col{flex-direction:column}.flex--col,.flex--row{align-items:center;display:flex;justify-content:center}.quizPage,.startPage{box-shadow:0 0 9px 1px hsla(0,0%,67%,.5)}.startPage>h1{font-size:3rem;margin-top:auto}@media only screen and (max-device-width:480px){.start-quiz-btn{border:none;font-size:1.4rem}.start-quiz-btn:after,.start-quiz-btn:before{display:none}#root,.app,body,html,main{-webkit-transform:scale(1);transform:scale(1)}.quizPage>h1{font-size:1.4rem}form>p{width:auto}}.quizPage>p,form{color:#293264;color:var(--theme-font-color)}.quizPage>p{font-size:1.2rem;font-weight:600;margin-bottom:15px;margin-top:15px;text-align:justify;width:80%}.radio{background-color:#fff;background-color:var(--pure-white);border:1px solid #4d5b9e;border-bottom:2px solid #4d5b9e;border:solid var(--btn-color);border-radius:20px;border-width:1px 1px 2px;color:#293264;color:var(--theme-font-color);cursor:pointer;padding:5px 10px}.radio:not(:first-of-type){margin-top:.4rem}.red{background-color:#c12525}.green,.red{border:none;color:#fff;color:var(--pure-white)}.green{background-color:#368136}.score{right:5%}.hiScore,.score{display:block;font-size:.9rem;font-style:italic;position:absolute;top:2%}.hiScore{left:5%}:root{--theme-font-color:#293264;--btn-color:#06124d;--pure-white:#fff;--grey-clr:hsla(0,0%,60%,.779);--checked-radio:#d6dbf5}.start-quiz-btn{border:2px solid #06124d;border:2px solid var(--btn-color);color:#06124d;color:var(--btn-color);cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:auto;margin-top:5vh;padding:10px 20px;position:relative;text-transform:uppercase;z-index:1}.start-quiz-btn,.start-quiz-btn:before{background:#fff;background:var(--pure-white)}.start-quiz-btn:before{content:"";height:calc(100% - 12px);left:-4px;position:absolute;top:6px;-webkit-transform:scaleY(1);transform:scaleY(1);transition:.25s ease-in-out;width:calc(100% + 8px)}.start-quiz-btn:hover:before{-webkit-transform:scaleY(0);transform:scaleY(0)}.start-quiz-btn:after{background:#fff;background:var(--pure-white);content:"";height:calc(100% + 8px);left:6px;position:absolute;top:-4px;-webkit-transform:scaleX(1);transform:scaleX(1);transition:.25s ease-in-out;width:calc(100% - 12px)}.start-quiz-btn:hover:after{-webkit-transform:scaleX(0);transform:scaleX(0)}.start-quiz-btn>span{position:relative;z-index:3}.loader{align-items:center;background:#fff;display:flex;height:100vh;justify-content:center;position:absolute;width:100vw;z-index:20}ion-icon{-webkit-animation:animate 5s;animation:animate 5s;font-size:4rem}@-webkit-keyframes animate{0%{opacity:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{opacity:1}to{opacity:0;-webkit-transform:rotate(2turn);transform:rotate(2turn)}}@keyframes animate{0%{opacity:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{opacity:1}to{opacity:0;-webkit-transform:rotate(2turn);transform:rotate(2turn)}}
/*# sourceMappingURL=main.0f3e6b97.css.map*/