.answers-summary h2{font-family:Philosopher,sans-serif;color:#154647;font-family:bold}.answers-summary p{font-family:Philosopher,sans-serif;color:#154647}.summary-container{display:flex;flex-direction:column;align-items:center;position:relative}.summary-container button{background-color:#eda4a4;font-family:Philosopher,sans-serif;font-weight:700;border:none;border-radius:10px;padding:10px;color:#fff}.summary-container img{align-self:flex-end;position:absolute;top:20rem;right:5rem}@media (min-width: 280px) and (max-width: 653px){.summary-container{font-size:10px;margin:1rem}.summary-container img{width:30%;top:30rem;right:1rem}.score-item{font-size:12px}.reload-button{font-size:10px;width:33%}}@media (min-width: 320px) and (max-width: 991px){.summary-container{font-size:12px;margin:1rem}.summary-container img{width:30%;top:36rem;right:1rem}.score-item{font-size:14px}}@media (min-width: 360px) and (max-width: 740px){.summary-container{font-size:13px;margin:1.2rem}.summary-container img{top:38rem}.score-item{font-size:16px}.reload-button{font-size:15px;width:35%;margin-right:1rem}}@media (min-width: 375px) and (max-width: 667px){.summary-container{font-size:13px;margin:1rem}.summary-container img{top:35rem}.score-item{font-size:15px}}@media (min-width: 390px) and (max-width: 844px){.summary-container{font-size:14px}.summary-container img{top:40rem}.score-item{font-size:16px}.reload-button{font-size:14px}}@media (min-width: 412px) and (max-width: 915px){.summary-container{font-size:15px}.summary-container img{top:45rem}.score-item{font-size:18px}.reload-button{font-size:18px;width:35%}}@media (min-width: 430px) and (max-width: 932px){.summary-container{font-size:16px}.summary-container img{top:47rem}.score-item{font-size:20px}.reload-button{font-size:20px;width:35%}}@media (min-width: 540px) and (max-width: 720px){.summary-container{font-size:14px}.summary-container img{top:37rem;width:16%}.score-item{font-size:16px}.reload-button{font-size:14px;width:22%}}@media (min-width: 768px) and (max-width: 1024px){.summary-container{font-size:22px;margin:2rem 2rem 0 5rem}.summary-container img{top:53rem;width:20%}.score-item{font-size:24px}.reload-button{font-size:24px;width:24%}}@media (min-width: 820px) and (max-width: 1180px){.summary-container{font-size:24px;margin:2.5rem}.summary-container img{top:62rem}.score-item{font-size:26px}.reload-button{font-size:26px;width:30%}}@media (min-width: 1024px) and (max-width: 1366px){.summary-container{font-size:28px;margin:4rem}.summary-container img{top:68rem;width:18%}.score-item{font-size:28px}.reload-button{font-size:28px;width:20%}}@media (min-width: 1367px){.summary-container{font-size:18px}.summary-container img{top:38rem;width:12%}.score-item{font-size:20px}.reload-button{font-size:23px;width:12%;margin-bottom:10px}}.progress-bar{display:flex}.progress-bar h4{margin:0 0 0 20px;font-family:Nunito,sans-serif;font-family:500}.progress-bar-style{width:30rem;background-color:#fff;border:1px solid #ecdfd2;border-radius:10px}@media (min-width: 280px) and (max-width: 653px){.progress-bar{width:80%}}@media (min-width: 360px) and (max-width: 740px){.progress-bar{width:90%;margin-left:15px}}@media (min-width: 375px) and (max-width: 667px){.progress-bar{width:80%;margin-left:20px}}@media (min-width: 414px) and (max-width: 896px){.progress-bar{margin-top:20px}}@media (min-width: 768px) and (max-width: 1024px){.progress-bar{margin-top:60px;margin-left:20px}.progress-bar,.progress-bar-style{height:20px}h4{font-size:25px}}.wrong-answer{background-color:inherit;animation:wrong 1s forwards}.correct-answer{background-color:inherit;animation:correct 1s forwards}.corrected-answer{background-color:inherit;animation:correct 1s forwards;animation-delay:1s}.container{display:flex;flex-direction:column;align-items:center;position:relative;margin-top:3.5rem}.container h1{color:#154647;font-family:Philosopher,sans-serif;font-weight:900;font-size:30px;margin:40px 0}.container img{width:20%;position:absolute;left:10%;bottom:10%}.answer-buttons{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.answer-buttons button{border:none;font-family:Nunito,sans-serif;background-color:#fdc776;color:#fff;font-size:18px;text-align:center;padding:2rem;border-radius:1rem;margin-right:1rem;margin-bottom:1rem;width:40%}.submit-button{border:none;border-radius:10px;padding:10px;width:6rem;color:#fff;background-color:#eda4a4;font-family:Philosopher,sans-serif;font-weight:700;font-size:20px;margin-top:5%;margin-bottom:5%}@keyframes correct{0%{background-color:inherit}to{background-color:green}}@keyframes wrong{0%{background-color:inherit}to{background-color:red}}@media (min-width: 280px) and (max-width: 653px){.container h1{font-size:18px;margin-left:10px;margin-top:0}.container img{width:30%;left:0;top:65%}.answer-buttons button{font-size:15px;padding:1.2rem}.submit-button{font-size:15px;margin-top:70px;margin-bottom:70px}}@media (min-width: 320px) and (max-width: 527px){.container h1{font-size:20px;margin-left:20px}.submit-button{margin-bottom:50px}}@media (min-width: 360px) and (max-width: 740px){.container h1{font-size:25px;margin-left:25px}.container img{width:28%;left:1%;top:68%}.answer-buttons button{font-size:20px;padding:1.2rem}.submit-button{font-size:20px;margin-bottom:70px}}@media (min-width: 375px) and (max-width: 667px){.container h1{font-size:20px;margin-left:50px}.container img{width:25%;left:1%}.answer-buttons{width:70%}.answer-buttons button{font-size:17px;padding:1rem}.submit-button{font-size:15px;margin-bottom:40px}}@media (min-width: 390px) and (max-width: 844px){.container h1{font-size:28px;margin-left:25px}.answer-buttons button{font-size:20px;width:41%}.answer-buttons{width:75%}.submit-button{font-size:20px}}@media (min-width: 412px) and (max-width: 915px){.container img{width:25%;left:0;top:68%}}@media (min-width: 414px) and (max-width: 896px){.container h1{font-size:25px}.answer-buttons button{font-size:22px}.answer-buttons{width:75%}.submit-button{font-size:20px}}@media (min-width: 430px) and (max-width: 932px){.container h1{font-size:29px}.answer-buttons button{font-size:22px;width:43%}.submit-button{font-size:22px}}@media (min-width: 768px) and (max-width: 1024px){.container h1{font-size:38px;margin-left:25px;margin-bottom:4rem}.answer-buttons button{font-size:32px;width:35%}.answer-buttons{width:80%}.submit-button{font-size:30px;width:20%;margin-bottom:6rem;margin-top:5rem}.container img{width:28%;top:70%;left:0}}@media (min-width: 820px) and (max-width: 1180px){.container h1{font-size:41px;margin-bottom:5rem}.submit-button{font-size:38px;width:22%}}@media (min-width: 1367px){.container h1{font-size:35px;margin-left:20px}.answer-buttons button{font-size:23px}.answer-buttons{width:35%}.submit-button{font-size:20px;width:13%}.container img{width:18%;top:40%;left:5%}}.first-page-container{display:flex;flex-direction:column;align-items:center;align-self:center}.first-page-container h1{font-family:Philosopher,sans-serif;color:#154647;font-family:bold}.first-page-container button{background-color:#eda4a4;font-family:Philosopher,sans-serif;font-weight:700;border:none;border-radius:10px;padding:10px;width:6rem;color:#fff}.first-page-container img{width:100%}@media (min-width: 280px) and (max-width: 653px){.first-page-container h1{font-size:20px;margin:5rem 0 2rem 1rem}.first-page-container button{margin-bottom:1.3rem}}@media (min-width: 320px) and (max-width: 991px){.first-page-container h1{font-size:30px;margin:7rem 0 3rem .5rem}.first-page-container button{margin-bottom:1rem}}@media (min-width: 360px) and (max-width: 740px){.first-page-container h1{font-size:28px}}@media (min-width: 390px) and (max-width: 844px){.first-page-container h1{margin-left:1rem}}@media (min-width: 414px) and (max-width: 896px){.first-page-container h1{font-size:32px;margin-left:.8rem}}@media (min-width: 412px) and (max-width: 915px){.first-page-container h1{margin-left:1.7rem}}@media (min-width: 540px) and (max-width: 720px){.first-page-container h1{font-size:31px}}@media (min-width: 768px) and (max-width: 1024px){.first-page-container h1{font-size:33px;margin-top:10rem;margin-bottom:5rem}.first-page-container button{font-size:1.5rem;width:8rem}}@media (min-width: 912px) and (max-width: 1368px){.first-page-container h1{font-size:40px}.first-page-container button{width:9rem;font-size:1.8rem}}@media (min-width: 1024px) and (max-width: 1366px){.first-page-container h1{margin-top:9rem;margin-bottom:5rem;font-size:40px}.first-page-container button{font-size:1rem;width:6rem}.first-page-container img{width:50%}}@media (min-width: 1367px){.first-page-container h1{margin-top:7rem;margin-bottom:4rem;font-size:35px}.first-page-container button{font-size:1.2rem;width:8rem}.first-page-container img{width:60%}}:root{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fef8f2}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}