@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');@charset "UTF-8";#de{display:none!important}body{margin:0;color:#fff;font-family:Roboto,sans-serif;font-size:18px;background-color:#00205c}.container{display:flex;flex-direction:column;height:100vh;height:100dvh}.header{display:flex;justify-content:space-between;align-items:center;height:80px}.header .buttons,.header .logo{margin:20px 30px}.header a{padding:5px;color:#fff;text-decoration:none;cursor:pointer}.header .buttons{display:none}.footer{display:flex;flex-direction:row;align-items:center;justify-content:center;height:calc(150px);padding:20px 30px}.footer img{object-fit:cover}#quizIntro{width:calc(100% - 60px);height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:1000px;margin:30px auto;padding:0 30px}#quizIntro h1{margin-top:5px;color:#fff;font-family:"EB Garamond",Palatino,serif;font-size:clamp(52px,5vw + 1rem,88px);font-optical-sizing:auto;font-weight:400;text-align:center;line-height:1.15em}#quizIntro .start{padding:15px 40px;font-size:18px;color:#fff;background-color:transparent;border:1px solid #fff;border-radius:50px;text-decoration:none;cursor:pointer}#quizIntro .start:focus,#quizIntro .start:hover{background-color:#c75000}#quizForm{width:calc(100% - 60px);height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:1000px;margin:30px auto;padding:0 30px}#counter{align-self:flex-start;max-width:90px;margin-bottom:-30px;padding:10px 22px;color:#00205c;font-size:16px;text-align:center;background-color:#c7dae6;border:1px solid #c7dae6;border-radius:20px;font-weight:500}#quiz .question{display:none;opacity:0;transition:opacity .4s ease}#quiz .question.active{display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:1}#quiz .question h2{margin-bottom:40px;font-family:"Roboto Condensed",sans-serif;font-size:clamp(36px,3.5vw + 1rem,68px);font-weight:600;line-height:1.15em;margin-top:60px}#quiz .options{align-self:start;margin:20px 0}#quiz .options label{display:flex;margin-bottom:5px;padding:15px 25px 15px 5px;font-size:18px;color:#fff;background-color:transparent;border:1px solid #fff;border-radius:50px;cursor:pointer}#quiz .options label:active,#quiz.options label:hover{background-color:#c75000}#quiz input[type=radio]{visibility:hidden}#quiz button{padding:15px 40px!important;font-size:16px;color:#fff;background-color:transparent;border:1px solid #fff;border-radius:50px;cursor:pointer}#result{width:100%;display:flex;flex-direction:column;justify-content:center;max-width:90%;margin:30px auto}#result h1{margin:10px 0 20px 0;color:#fff;font-family:"Roboto Condensed",sans-serif;font-size:clamp(52px,3.5vw + 1rem,68px);font-weight:600;line-height:1.15em}#result h2{margin-bottom:0;color:#c7dae6;font-family:"Roboto Condensed",sans-serif;font-size:clamp(28px,3.5vw + 1rem,32px);font-weight:600;line-height:1.15em}#result li,#result p{margin:0 0 20px 0;color:#fff;font-size:20px;line-height:1.5em;font-weight:400}#result li{margin:0 0 10px 0;font-size:18px;line-height:1.15em}#result ul li::marker{color:#c75000}#result p.tagline{padding:10px;color:#fff;font-family:"Roboto Condensed",sans-serif;font-size:32px;font-weight:600;border-top:1px solid #c7dae6;border-bottom:1px solid #c7dae6}#result .grid{display:flex;flex-direction:column;grid-gap:20px}#result .grid .item{display:flex;flex-direction:column;padding:25px 20px 15px 20px;border-radius:20px;border:1px solid #fff}#fa-form{margin:-55px 0 -100px 0;line-height:0}#fa-form .wFormContainer .wForm{padding:0}#fa-form .wFormContainer .label.preField{color:#fff;font-weight:700}#fa-form label a{color:#fff!important}#fa-form .postField{color:#fff}#fa-form .wFormContainer .wForm .primaryAction{min-width:150px;border-radius:8px;background-color:#c75000}#fa-form .wFormContainer .wForm .primaryAction:focus,#fa-form .wFormContainer .wForm .primaryAction:hover{background-color:#0078b0}@media (min-width:768px){.header .buttons{display:flex;margin:20px 30px;grid-gap:20px}.close,.restart{padding:10px 22px!important;border:1px solid #fff;border-radius:20px;font-size:16px}.close span{display:inline}.restart{display:inline;margin:0 20px;border:none}.close:focus,.close:hover,.restart:focus,.restart:hover{background-color:#c75000}#quiz .options label{padding:22px}}@media (min-width:1020px){#result{max-width:1000px}#result .grid{flex-direction:row}}