@font-face{font-family:Karla;src:url(/Quizzical/assets/Karla-Regular-85f3774d.ttf);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Karla;src:url(/Quizzical/assets/Karla-Medium-fcef7327.ttf);font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Karla;src:url(/Quizzical/assets/Karla-SemiBold-f63f764e.ttf);font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Karla;src:url(/Quizzical/assets/Karla-Bold-2afb35f3.ttf);font-weight:700;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #293264;--secondary-color: #f5f7fb;--button-background: #4d5b9e}body{overflow-x:hidden;display:flex;justify-content:center;align-items:center;font-family:Karla,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh;background:var(--secondary-color);position:relative}#root{width:100%;display:flex;justify-content:center;padding:30px 20px 50px;align-items:center}.blob-top,.blob-bottom{position:absolute}.blob-top{top:0;right:0}.blob-bottom{bottom:0;left:0}.hero{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;z-index:5}.hero__title,.hero__subtitle,.quiz__question,.options__title{color:var(--primary-color)}.hero__title{font-size:61px;font-weight:700;line-height:37px;letter-spacing:0em;text-align:center}.hero__subtitle{font-size:32px;font-weight:400;line-height:40px;letter-spacing:0em;text-align:center;margin-top:30px;max-width:500px}.hero__button{font-family:Karla;width:100%;max-width:270px;min-height:70px;font-size:30px;font-weight:500;line-height:19px;letter-spacing:0em;text-align:center;color:var(--secondary-color);border:none;background:var(--button-background);border-radius:15px;transition:all .3s ease;margin-top:50px}.quiz{width:100%;max-width:1280px;position:relative;z-index:10}.quiz__qa{padding-bottom:20px;border-bottom:1px solid #dbdef8;margin-bottom:20px}.quiz__question{font-size:32px;font-weight:700;line-height:40px;letter-spacing:0em;text-align:left}.quiz__container{display:flex;justify-content:center;align-items:center;gap:30px}.quiz__result{font-size:32px;font-weight:700;line-height:38px;letter-spacing:0em;text-align:center;color:var(--primary-color)}.quiz__button{margin-top:10px}.options{display:flex;gap:13px;margin-top:20px;flex-wrap:wrap}.options__title{min-width:150px;padding:10px;min-height:50px;font-size:25px;font-weight:500;line-height:32px;letter-spacing:0em;text-align:center;color:var(--primary-color);border-radius:20px;background:none;border:none;outline:2px solid var(--button-background);transition:all .3s ease}.options__title.red,.options__title.green,.options__title.skipped,.options__title.chosen{pointer-events:none}.options__title.red,.options__title.skipped{opacity:.7}.options__title.red,.options__title.green{outline:none}.options__title.chosen{background:#d6dbf5}.options__title.red{background:#f8bcbc}.options__title.green{background:#94d7a2}.loading{width:100%;max-width:600px;border-radius:30px}canvas{margin:0 auto;width:100%}@media (hover: hover){.hero__button:hover{cursor:pointer;opacity:.7}.options__title:hover{cursor:pointer;box-shadow:0 0 10px #0000004d}}@media only screen and (max-width: 600px){.quiz__container{flex-direction:column}}