@import"https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Catamaran:wght@100..900&family=Comfortaa:wght@300..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;overflow-x:hidden}body{font-family:Barlow,sans-serif;line-height:1.5;min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f3f4f7;overflow-x:hidden}*:focus{outline:2px solid hsl(270,50%,60%)}#app{width:100%;display:flex;justify-content:center;align-items:center}.app-container{background-color:#fff;width:68rem;max-width:fit-content;border-radius:2rem 2rem 8rem;padding:5rem 4rem;box-shadow:0 10px 30px #00000026}.error-input-content{color:#f04242;font-style:italic}.error-input-border{border:2px solid hsl(0,85%,60%)!important}.error-input-label{color:#f04242!important}form{position:relative;border-bottom:2px solid hsl(220,15%,75%);padding-bottom:3rem}.inputs{display:flex;justify-content:space-between;max-width:75%}.input-container{display:flex;flex-direction:column;gap:1rem;width:30%}.input-container label{font-size:1.4rem;text-transform:uppercase;color:#626d84;letter-spacing:2px}.input-container input{font-family:inherit;border-radius:.6rem;border:2px solid hsl(220,15%,75%);padding:1.4rem;font-weight:700;font-size:2.4rem;color:#363d49;background-color:#f9fafb;transition:all .3s ease}.input-container input:focus{border-color:#256af4;background-color:#fff}.form__btn{position:absolute;top:100%;right:0%;transform:translateY(-50%);background-color:#256af4;border-radius:50%;padding:2rem;z-index:1;border:none;outline:none;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #fffefe26}.form__btn:hover,.form__btn:focus{background-color:#e0e0e0}.form__btn img{width:3.6rem}.outputs{padding-top:3.2rem;font-size:7.2rem;font-weight:800;font-style:italic;line-height:1.2;color:#363d49}.dashes{color:#96c}@media screen and (max-width: 62em){html{font-size:56.25%}.app-container{max-width:90%;padding:6rem 3rem}.inputs{max-width:100%;padding-bottom:6rem}.input-container input{padding:1.5rem;font-size:2rem}.form__btn{right:50%;transform:translate(50%,-50%);color:#fff}.form__btn img{width:1rem}.outputs{padding-top:6rem;font-size:5.5rem}}.attribution{color:#626d84;font-size:11px;text-align:center;display:block;margin-bottom:auto;position:absolute;bottom:3%;left:0;right:0;font-weight:400;font-style:italic}.attribution a{color:#256af4;text-decoration:none}@media screen and (max-width: 30em){html{font-size:50%}.app-container{max-width:90%;padding:6rem 3rem}}