@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,700;1,400;1,800&display=swap);:root{--color-purple:#854dff;--color-red:#ff5757;--color-white:#fff;--color-off-white:#f0f0f0;--color-light-grey:#dbdbdb;--color-smokey-grey:#716f6f;--color-off-black:#141414}body{align-items:center;background-color:#f0f0f0;background-color:var(--color-off-white);color:#141414;color:var(--color-off-black);display:flex;font-family:Poppins,sans-serif;height:100vh;justify-content:center;margin:0 auto}input{font-size:32px}.card{background-color:var(--color-white);border-radius:20px 20px 100px 20px;height:500px;margin:0;padding:0;transition:all .3s ease-in-out;width:100%}.form{display:flex;flex-direction:column;margin:0;padding:20px}.inputs{align-items:center;display:flex;flex-direction:row;font-weight:700;justify-content:left;width:100%}.inputs input{border:1px solid var(--color-light-grey);border-radius:5px;font-size:20px;font-weight:700;height:20px;margin:10px 10px 0;padding:10px;width:90px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inputs input:focus{border:1px solid var(--color-purple);outline:none}.error{color:var(--color-red);font-size:9px;font-style:italic;font-weight:400;margin-left:10px;text-align:left}.inputs input.invalid{border-color:var(--color-red)}.input-holder{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.input-holder label{color:var(--color-smokey-grey);font-size:14px;letter-spacing:5px;margin-left:10px;text-transform:uppercase}.divider-btn{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-between;margin:10px 0;padding:0}.divider{background-color:var(--color-light-grey);height:.5px;width:100%;z-index:0}.divider-btn button{background-color:var(--color-purple);background-image:url(/static/media/icon-arrow.76e952b1b427b84b83bd.svg);background-position:50%;background-repeat:no-repeat;background-size:30px;border:none;border-radius:360px;cursor:pointer;height:55px;width:60px;z-index:100}.divider-btn button:focus,.divider-btn button:hover{background-color:var(--color-off-black)}.age{align-items:flex-start;display:flex;flex-direction:column;font-size:56px;font-style:italic;font-weight:800;gap:20px;justify-content:space-between;margin:20px;padding:0 20px}.result{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center}.number{color:var(--color-purple);transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}@media (max-width:768px){.divider-btn{align-items:center;flex-direction:column;justify-content:center;margin-inline:0;padding:25px 0;position:relative;width:100%}.divider-btn button{height:60px;margin-top:-25px;padding:0}.inputs{align-items:center;justify-content:center;margin:0;padding:0}.inputs input{width:50px}.age{font-size:48px;margin:0 0 20px}.card{padding:0}}.attribution{font-weight:300;margin-bottom:24px;text-align:center}
/*# sourceMappingURL=main.d67f2e2d.css.map*/