:root{--white:#fff;--primary:#61ecbc;--black:#182339}html{font-size:62.5%}body{background-image:url(/bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;font-family:Outfit,sans-serif}.container{width:95%;max-width:60rem;margin:0 auto}.app-title{color:var(--white);margin-top:5rem;font-size:3.8rem;line-height:.8}.app-title span{color:var(--primary);font-size:4.4rem;display:block}.content{background-color:var(--white);color:var(--black);border-radius:1rem;margin-top:5rem;padding:6rem 2rem;font-size:2rem;font-weight:400;box-shadow:0 4px 12px #0000001a}.form,.field{flex-direction:column;gap:2rem;display:flex}.form label{color:var(--black)}.form select{background-color:#ecebeb;border:none;border-radius:1rem;padding:1rem;font-size:1.8rem}.form [type=submit]{background-color:var(--primary);color:var(--black);cursor:pointer;text-transform:uppercase;border:none;margin-top:2rem;padding:1rem;font-weight:700;transition:background-color .3s}.form [type=submit]:hover{background-color:#0cb387}.result-wrapper{margin-top:5rem}.result-wrapper h2{text-align:center}.result{grid-template-columns:1fr 3fr;align-items:center;gap:1rem;display:grid}.result img{width:100%}.result p{margin:0 0 1rem;font-size:1.6rem}.result span{color:var(--black);font-size:1.6rem;font-weight:700;display:inline}.sk-chase{width:40px;height:40px;margin:0 auto;animation:2.5s linear infinite both sk-chase;position:relative}.sk-chase-dot{width:100%;height:100%;animation:2s ease-in-out infinite both sk-chase-dot;position:absolute;top:0;left:0}.sk-chase-dot:before{content:"";background-color:#000;border-radius:100%;width:25%;height:25%;animation:2s ease-in-out infinite both sk-chase-dot-before;display:block}.sk-chase-dot:first-child{animation-delay:-1.1s}.sk-chase-dot:nth-child(2){animation-delay:-1s}.sk-chase-dot:nth-child(3){animation-delay:-.9s}.sk-chase-dot:nth-child(4){animation-delay:-.8s}.sk-chase-dot:nth-child(5){animation-delay:-.7s}.sk-chase-dot:nth-child(6){animation-delay:-.6s}.sk-chase-dot:first-child:before{animation-delay:-1.1s}.sk-chase-dot:nth-child(2):before{animation-delay:-1s}.sk-chase-dot:nth-child(3):before{animation-delay:-.9s}.sk-chase-dot:nth-child(4):before{animation-delay:-.8s}.sk-chase-dot:nth-child(5):before{animation-delay:-.7s}.sk-chase-dot:nth-child(6):before{animation-delay:-.6s}@keyframes sk-chase{to{transform:rotate(360deg)}}@keyframes sk-chase-dot{80%,to{transform:rotate(360deg)}}@keyframes sk-chase-dot-before{50%{transform:scale(.4)}to,0%{transform:scale(1)}}