@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap);.card{background-color:#fff;padding:4rem 2rem;border-radius:3rem;border-bottom-right-radius:12rem}.card_wrapper{gap:1.5rem;flex-direction:column}.age_wrapper,.card_wrapper{display:flex;align-items:center;justify-content:center}.age_wrapper{gap:3rem}.day_wrapper,.month_wrapper,.year_wrapper{display:grid;gap:.8rem}h4{text-transform:uppercase;color:#716f6f}input{padding:1rem .4rem;width:8rem;border:.9px solid #dbdbdb;border-radius:.6rem;outline:none}input:focus{border-color:#854dff}input::-moz-placeholder{color:#716f6f;font-size:1rem}input::placeholder{color:#716f6f;font-size:1rem}.arrow_wrapper{display:flex;align-items:center;justify-content:center}.line{width:30rem;height:.2rem;background:#f0f0f0}button{background:#854dff;border:none;border-radius:50%;padding:1rem;cursor:pointer}button:hover{background:#141414;transition:all .3s ease-in-out}.age_calculated_wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.5rem}.age_years,age_days,age_months{display:flex;align-items:center;justify-content:center;gap:2rem}h1{font-size:3rem;color:#141414}span{color:#854dff}.error{color:#ff5757}.focus{border-color:#ff5757}@media screen and (max-width:425px){.card{padding:4rem .7rem}.age_wrapper{gap:.9rem}.age_wrapper,button{align-items:center;justify-content:center}button{display:flex;position:relative}.line{position:absolute;width:90%}input{width:7rem}}@media screen and (max-width:375px){input{width:6rem}}@media screen and (max-width:320px){input{width:5rem}.card{border-radius:5rem}}*{padding:0;margin:0;box-sizing:border-box;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#dbdbdb;font-family:Poppins,sans-serif}