:root{--white: #FFF;--primary: khaki;--black: #182339}html{font-size:62.5%}body{background-image:url(/assets/bg-BbiJyA-j.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;min-height:150vh;font-family:Titillium Web,sans-serif;font-size:2rem;font-weight:700}.titillium-web-regular{font-family:Titillium Web,sans-serif;font-weight:400;font-style:normal}.titillium-web-bold{font-family:Titillium Web,sans-serif;font-weight:700;font-style:normal}.titillium-web-black{font-family:Titillium Web,sans-serif;font-weight:900;font-style:normal}.container{max-width:50rem;width:90%;margin:0 auto}.app-title{font-size:3rem;margin-top:5rem;color:var(--white);line-height:.9}.app-title span{display:block;color:var(--primary);font-size:4.4rem}.content{margin-top:4rem;padding:2rem;background-color:var(--white);border-radius:1rem;box-shadow:#ccdbe8 3px 3px 6px inset,#ffffff80 -3px -3px 6px 1px inset}.form,.field{display:flex;flex-direction:column;gap:1rem}.form label{color:var(--black)}.form select{background-color:#ecebec;border:none;padding:1rem;border-radius:1rem;font-size:1.5rem}.submit{place-items:center;background-color:var(--primary);color:var(--black);border:none;padding:1rem;font-weight:900;cursor:pointer;text-transform:uppercase;margin-top:2rem;transition:background-color .3s ease}.submit:hover{background-color:#daa520}.result-wrapper{margin-top:2rem}.result-wrapper h2{text-align:center}.result{display:grid;grid-template-columns:1fr 3fr;align-items:center;gap:1rem}.result img{width:100%}.result p{margin:0 0 1rem;font-weight:500}.result span{font-weight:700}.spinner{margin:30px auto 0;width:70px;text-align:center}.spinner>div{width:18px;height:18px;background-color:#216e25;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}
