@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,700;1,400;1,800&display=swap";body{margin:0;padding:0;background-color:#f0f0f0;font-family:Poppins,serif}main{height:100vh;display:flex;align-items:center;justify-content:center}@media (max-width: 580px){main{height:auto}}.calculator{margin:1rem;box-sizing:border-box;padding:3rem;width:700px;height:auto;background-color:#fff;border-radius:1.6rem 1.6rem 10rem}@media (max-width: 580px){.calculator{width:500px;padding:1.5rem}}.calculator form{display:flex;flex-direction:column}.calculator form .input-container{display:flex;gap:1.8rem}@media (max-width: 580px){.calculator form .input-container{gap:1rem}}.calculator form .input-container label{display:flex;flex-direction:column;color:#716f6f;text-transform:uppercase;letter-spacing:.1rem;font-size:.97rem}@media (max-width: 580px){.calculator form .input-container label{font-size:.87rem}}.calculator form .input-container label input{margin:.4rem 0;width:120px;height:60px;padding-left:1rem;outline:none;border-radius:.5rem;border:1px solid hsl(0,0%,86%);font-size:1.8rem;font-family:inherit;font-weight:700}@media (max-width: 580px){.calculator form .input-container label input{width:76px;font-size:1.2rem}}.calculator form .input-container label input:focus{background-color:#e8f0fe}.calculator form .input-container label span{text-transform:initial;font-family:Arial,Helvetica,sans-serif;color:#ff5757;font-size:.9rem;letter-spacing:0}.calculator form .input-container label .error{border:1px solid hsl(0,100%,67%)}.calculator form .input-container label input::placeholder{font-size:inherit}.calculator form .input-container label input:focus{border:1px solid hsl(259,100%,65%)}.calculator form .btn-container{width:100%;height:100px;display:flex;align-items:center;position:relative}.calculator form .btn-container hr{width:100%;border:none;border-bottom:2px solid hsl(0,0%,86%)}.calculator form .btn-container button{border:none;padding:1.4rem;background-color:#854dff;border-radius:50%;transition:all .3s}@media (max-width: 700px){.calculator form .btn-container button{position:absolute;padding:0;margin-left:auto;margin-right:auto;left:0;right:0;width:90px;height:90px}}@media (max-width: 580px){.calculator form .btn-container button{width:70px;height:70px}}.calculator form .btn-container button:hover{cursor:pointer;background-color:#141414}.calculator .result-container{display:flex;flex-direction:column;justify-content:center}.calculator .result-container p{margin:0;line-height:5rem;font-size:4.5rem;font-style:italic;font-weight:700}@media (max-width: 580px){.calculator .result-container p{font-size:3rem;line-height:3.6rem}}.calculator .result-container p span{color:#854dff}footer{position:absolute;bottom:0}@media (max-height: 480px){footer{display:none}}footer p{margin:.7rem}footer p a{text-decoration:none}footer p a:hover{text-decoration:underline}