:root{--white: #ffffff;--black: #000000;--primary: #61ecbc}html{font-size:62.5%}body{background-image:url(/bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;min-height:100vh;font-family:Outfit,sans-serif;font-size:2rem}.container{max-width:65rem;width:95%;margin:0 auto}.app-title{display:flex;justify-content:center;align-items:center;font-size:3.8rem;margin-top:5rem;color:var(--white)}.app-title span{color:var(--primary);font-size:4.4rem}.content{margin-top:5rem;padding:6rem 2rem;background-color:var(--white);border-radius:1rem;box-shadow:#61ecbc40 0 54px 55px,#61ecbc1f 0 -12px 30px,#61ecbc1f 0 4px 6px,#61ecbc2b 0 12px 13px,#61ecbc17 0 -3px 5px}.form,.field{display:flex;flex-direction:column;gap:2rem}.form label{color:var(--black)}.form select{background-color:#ecebeb;border:none;padding:1rem;border-radius:1.5rem;font-size:1.8rem}.form input[type=submit]{padding:1rem;background-color:var(--primary);border:none;font-weight:900;cursor:pointer;text-transform:uppercase;margin-top:2rem;transition:backgraund-color .3s ease}.form input[type=submit]:hover{background-color:#0cb387}.error-message{color:red;font-size:1.6rem;margin-top:1rem}.result-wrapper{margin-top:5rem}.result-wrapper h2{text-align:center}.result{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.result img{width:100%}.result p{margin:0 0 1rem;font-size:1.6rem}.result span{font-weight:700}.sk-cube-grid{width:40px;height:40px;margin:100px auto}.sk-cube-grid .sk-cube{width:33%;height:33%;background-color:#333;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0s;animation-delay:0s}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,70%,to{-webkit-transform:scale3D(1,1,1);transform:scaleZ(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,70%,to{-webkit-transform:scale3D(1,1,1);transform:scaleZ(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}