@font-face{font-family:"Gilroy Heavy";src:url("../fonts/Gilroy-Heavy.woff") format("woff")}@font-face{font-family:"Gilroy Bold";src:url("../fonts/Gilroy-Bold.woff") format("woff")}@font-face{font-family:"Gilroy Medium";src:url("../fonts/Gilroy-Medium.woff") format("woff")}@font-face{font-family:"Gilroy Light";src:url("../fonts/Gilroy-Light.woff") format("woff")}*,*::after,*::before{margin:0;padding:0;box-sizing:border-box}::-moz-selection{color:#fff;background-color:#f5cc38}::selection{color:#fff;background-color:#f5cc38}a{color:inherit;text-decoration:none}input,textarea,button,select,option{border:0;border-radius:0;outline:0;box-shadow:none;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;background-color:inherit}body{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:60px;position:relative;padding:60px;width:100vw;min-height:100vh;min-height:100svh;font-family:"Gilroy Heavy",sans-serif;background-color:#f5cc38}@media(max-width: 1024px){body{padding:60px 40px}}@media(max-width: 767px){body{padding:60px 20px}}video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center -3px;object-position:center -3px;z-index:-2}.overlay{position:absolute;inset:0;width:100%;height:100%;background-color:#f5cc38;opacity:.5;z-index:-1}header{text-align:center}header span{display:inline-block;margin-top:10px}header img{width:100px;transform:translateY(3.5px)}main{padding:60px;border:1px solid #eee;width:750px;height:550px;max-width:100%;color:#000;background-color:#fff;border-radius:30px}main .step{transition:all .2s ease-in-out}main .step:not(:first-of-type){display:none;opacity:0}main .quiz{display:flex;justify-content:space-between;align-items:center;flex-direction:column;height:100%}main .quiz .wrapper{width:100%}main .calculating{text-align:center}main .calculating p{margin-top:15px;font-size:1.75em}main .result{display:flex;justify-content:space-between;align-items:center;flex-direction:column;height:100%;text-align:center}main .result .wrapper{width:100%}main .result img{display:inline-block;width:100%;max-width:160px}main .result p:first-of-type{margin-top:60px;font-size:1.75em;text-transform:uppercase}main .result p:last-of-type{margin-top:15px;font-family:"Gilroy Medium",sans-serif;font-size:1.25em}main .group{margin-bottom:60px;font-size:1.75em}main label{display:block}main input{border-bottom:2px solid #000;width:60px;color:#000;background-color:rgba(0,0,0,0);font-family:"Gilroy Medium",sans-serif}main input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}main input::-webkit-outer-spin-button,main input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}main button{padding:20px;width:100%;color:#000;background-color:#f5cc38;font-size:1.25em;border-radius:30px;cursor:pointer}main button:not(:first-child){margin-top:30px}@media(max-width: 767px){main{padding:45px 30px;width:700px;height:500px}}footer small{display:block;margin-bottom:5px;max-width:805px;text-align:center;font-family:"Gilroy Light",sans-serif}footer small:first-of-type{font-family:"Gilroy Bold",sans-serif;font-size:1.05em}