body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/static/media/Wild-Olive-wallpaper-cloudy-sky.c8924ecd57b2cd581aa2.jpg);box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:62.5%;margin:0}.qu-flex{border-radius:10px;margin:1rem auto;padding:2rem}.flex-box,.qu-flex{align-items:center;display:flex;flex-direction:column}.flex-box{justify-content:center}.btn-start{background-color:#037a7e;border:none;border-radius:10px;color:#f0f8ff;cursor:pointer;font-size:2rem;font-weight:700;padding:.7rem}.btn-start:hover{animation:hover .9s infinite}.btn-start:focus{background-color:#c3e8eae6;color:#01676a}.description{color:#01676a;font-size:1.4rem;text-align:center;width:80%}.description,.title{background-color:#f0f8ffe6;border-radius:10px;padding:1rem}.title{color:#037a7e;display:inline;font-size:1.6rem;margin-top:3rem}.question{background-color:#8f7a04e6;border-radius:10px;color:#f0f8ff;font-size:1.4rem;padding:1rem;text-align:center}.options{align-items:center;background-color:rgba(143,122,4,.429);border-radius:10px;display:flex;flex-direction:column;margin-bottom:1rem;padding:2rem}.btn-option{background-color:#037a7e;border:none;border-radius:10px;color:#f0f8ff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:1rem}.btn-option:not(:last-child){margin-bottom:1rem}.btn-option:focus,.btn-option:hover{background-color:#c3e8eae6;color:#01676a}.finish-screen{background-color:#f0f8ffe6;border-radius:10px;color:#01676a;font-size:1.4rem;margin:4rem auto;padding:1rem;text-align:center;width:40%}.progress{font-size:1rem;text-align:center}.progress-text{color:#01676a;font-weight:700}progress{-webkit-appearance:none;height:12px;width:20rem}progress[value]::-webkit-progress-bar{background-color:rgba(143,122,4,.429);border-radius:10px;box-shadow:inset 0 2px 5px #00000080}progress[value]::-webkit-progress-value{background-color:#0e898d99;border-radius:10px;box-shadow:inset 0 2px 5px #00000080}@keyframes hover{0%{transform:scale(1)}50%{background-color:#0e898db3;transform:scale(1.05)}to{transform:scale(1)}}@media screen and (max-width:675px){.finish-screen{width:60%}}@media screen and (max-width:525px){.finish-screen{width:70%}}@media screen and (max-width:440px){body{font-size:30%}.finish-screen{width:80%}}
/*# sourceMappingURL=main.6a63dec7.css.map*/