@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;1,800&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}@media(max-width:1000px){html{font-size:50%}}#root{background-color:#f0f0f0;color:#716f6f;display:flex;font-family:Poppins,sans-serif;grid-template-columns:-webkit-max-content;grid-template-columns:max-content;justify-content:center;min-height:100vh;padding:4.8rem;place-items:center}.error{color:#ff5757;font-style:italic;font-weight:400;margin-top:1rem}.calculator{background-color:#fff;border-radius:3rem 3rem 17rem 3rem;max-width:80rem;padding:3.2rem 4.8rem}.calculator__form{grid-column-gap:4.8rem;grid-row-gap:2.4rem;-webkit-column-gap:4.8rem;column-gap:4.8rem;display:grid;grid-template-columns:repeat(3,1fr) [btn-start] 1fr [btn-end];grid-template-rows:-webkit-max-content [btn-start] -webkit-max-content [btn-end];grid-template-rows:max-content [btn-start] max-content [btn-end];row-gap:2.4rem}@media(max-width:700px){.calculator__form{grid-template-columns:[btn-start] 1fr [btn-end];grid-template-rows:repeat(3,-webkit-max-content) [btn-start] -webkit-max-content [btn-end];grid-template-rows:repeat(3,max-content) [btn-start] max-content [btn-end];row-gap:1.2rem}}.calculator__form .form__group{display:flex;flex-direction:column}.calculator__form .form__group label{font-size:1.6rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.calculator__form .form__group input{border:1px solid #dbdbdb;border-radius:1rem;color:#141414;font-family:inherit;font-size:3.2rem;font-weight:700;padding:1.2rem 1.8rem;transition:all .2s;width:100%}.calculator__form .form__group input:focus{box-shadow:inset 0 0 0 1px #854dff;outline:none}.calculator__display-age h1{color:#141414;font-size:8.2rem;font-style:italic}@media(max-width:700px){.calculator__display-age h1{font-size:6.4rem}}.calculator__age-number{color:#854dff;margin-right:2.4rem}@media(max-width:700px){.calculator__age-number{display:block;margin-bottom:-2.4rem}}.line{align-self:center;background-color:#dbdbdb;grid-column:1/-1;height:2px;width:100%}.btn,.line{grid-row:btn-start/btn-end}.btn{background-color:#854dff;border:none;border-radius:99rem;cursor:pointer;grid-column:btn-start/btn-end;justify-self:end;padding:2rem;transition:all .2s;width:-webkit-max-content;width:max-content}@media(max-width:700px){.btn{justify-self:center;margin:2.4rem 0}}.btn:hover{background-color:#141414}
/*# sourceMappingURL=main.d39dfc7b.css.map*/