@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);*{border:none;margin:0;outline:none;padding:0;-webkit-user-select:none;user-select:none}:root{--primary:#000;--background:#fff;--secondary:#ffaf64;--third:#474747}*{font-family:Roboto,sans-serif}body{min-height:100vh}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.App>.background{height:100vh;object-fit:cover;position:absolute;width:100vw;z-index:-1}.App>.hero{align-items:center;display:flex;flex-direction:column;gap:20px;margin-top:8%}.App>.hero>.welcome{color:var(--third);font-size:24px;font-weight:600}.App>.hero>.title{font-size:48px}.App>.hero>.title>span{color:var(--secondary)}.App>.hero>.description{color:var(--third);font-size:16px;font-weight:500;text-align:center;width:50%}.App>.inputSection{align-items:center;display:flex;flex-direction:column;gap:30px}.App>.inputSection>*{box-shadow:0 0 10px 5px #0000000d}.App>.inputSection>input::placeholder{align-items:center;display:flex;flex-direction:column;font-size:20px;font-weight:500;-webkit-user-select:all;user-select:all}.App>.inputSection>input{border-radius:10px;font-size:25px;font-weight:700;height:50px;text-align:center;-webkit-user-select:all;user-select:all;width:400px}.App>.inputSection>button{background-color:var(--secondary);border-radius:10px;color:var(--background);cursor:pointer;font-size:16px;font-weight:500;height:35px;width:125px}.App>.loadingBar{align-items:center;content:" ";display:flex;flex-direction:column;height:30px;margin:1%}.App>.loadingBar>.bar{background-color:var(--background);border-radius:10px;box-shadow:0 0 10px 5px #0000000d;height:25px;width:300px}.App>.loadingBar>.bar>.filler{background-color:var(--secondary);border-radius:10px;content:" ";height:100%;width:0}@media (max-width:600px){.App>.hero>.welcome{font-size:15px}.App>.hero>.title{font-size:38px}.App>.hero>.description{font-size:16px;font-weight:500;text-align:center;width:90%}.App>.inputSection>input{font-size:20px;height:40px;width:300px}.App>.loadingBar{margin-top:15px}.App>.loadingBar>.bar{height:20px;width:250px}}.Footer{background-color:var(--background);border-radius:10px;bottom:20px;box-shadow:0 0 10px 5px #0000000d;font-size:12px;padding:7px 10px;position:fixed;right:20px}.Footer>p{font-weight:600}.Footer>p>span{color:var(--third);font-weight:400}.Header{align-items:center;background-color:var(--background);display:flex;gap:20px;padding:1em}.Header>p{cursor:pointer;font-size:24px;font-weight:700}.Header>img{border-radius:10px;cursor:pointer}.AgeDisplay{background-color:#0000004d;height:100vh;position:fixed;top:0;width:100vw;z-index:1}.AgeDisplay,.AgeDisplay>.card{align-items:center;display:flex;flex-direction:column;justify-content:center}.AgeDisplay>.card{background-color:var(--background);border-radius:10px;gap:20px;height:300px;width:300px}.AgeDisplay>.card>.title{font-size:24px;font-weight:500}.AgeDisplay>.card>.description{font-size:12px;font-weight:400;text-align:center}.AgeDisplay>.card>.age{color:var(--secondary);font-size:50px;font-weight:700}.AgeDisplay>.card>button{background-color:var(--secondary);border-radius:10px;color:var(--background);cursor:pointer;font-size:14px;padding:5px 15px}
/*# sourceMappingURL=main.c622aaf9.css.map*/