:root{--white: #fff;--primary: #61ecbc;--black: #182339}html{font-size:62.5%}body{background-image:url(/bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;min-height:100dvh;font-family:Outfit,sans-serif;font-size:2rem}.container{max-width:60rem;width:95%;margin:0 auto}.app-title{text-transform:uppercase;font-size:3.8rem;margin-top:5rem;color:var(--white);line-height:.8}.app-title span{display:block;color:var(--primary);font-size:4.4rem}.content{margin-top:5rem;padding:6rem 2rem;background-color:var(--white);border-radius:1rem;box-shadow:#0000001a 0 4px 12px}.capitalize{text-transform:capitalize}.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:1rem;font-size:1.8rem}.form [type=submit]{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}.form [type=submit]:hover{background-color:#0cb387}.form [type=submit]:disabled{cursor:not-allowed;opacity:.5}.form [type=submit]:disabled:hover{background-color:var(--primary)}.cripto-wrapper{margin-top:5rem}.cripto-wrapper h2{text-align:center}.cripto-wrapper .cripto-price{display:grid;grid-template-columns:1fr 3fr;align-items:center;justify-items:center;gap:.5rem}.cripto-wrapper .cripto-price img{width:100%}.cripto-wrapper .cripto-price p{margin:0 0 1rem;font-size:1.6rem;text-transform:capitalize}.cripto-wrapper .cripto-price p span{font-weight:700}.error-message{text-align:center;color:red}.sk-circle{margin:100px auto;width:40px;height:40px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}