body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--purple:#854dff;--light-red:#ff5757;--white:#fff;--off-white:#f0f0f0;--light-gray:#dbdbdb;--smokey-gray:#716f6f;--off-black:#141414}@font-face{font-family:Poppins-400i;src:url(/age-calculator/static/media/Poppins-Italic.e373f6163127e2d469af.ttf)}@font-face{font-family:Poppins-700;src:url(/age-calculator/static/media/Poppins-Bold.cdb29a5d7ccf57ff05a3.ttf)}@font-face{font-family:Poppins-800i;src:url(/age-calculator/static/media/Poppins-ExtraBoldItalic.73d4495be63ad83b25cc.ttf)}.App{align-items:center;background-color:#dbdbdb;background-color:var(--light-gray);display:flex;height:100vh;justify-content:center;width:100vw}.calculator{background-color:#fff;background-color:var(--white);border-radius:20px;border-bottom-right-radius:150px;height:430px;padding:50px;width:550px}.inputSection{display:flex}.inputContainer,.invalidInputContainer{margin-right:10px}.inputContainer h2{color:#716f6f;color:var(--smokey-gray)}.inputContainer h2,.invalidInputContainer h2{font-family:Poppins-700;font-size:14px;letter-spacing:2px}.invalidInputContainer h2{color:#ff5757;color:var(--light-red)}.inputContainer input{border:1px solid #f0f0f0;border:1px solid var(--off-white);border-radius:15px}.inputContainer input,.invalidInputContainer input{color:#141414;color:var(--off-black);font-family:Poppins-700;font-size:32px;height:60px;padding-left:20px;width:100px}.invalidInputContainer input{border:1px solid #ff5757;border:1px solid var(--light-red);border-radius:15px}.inputContainer input:focus,.invalidInputContainer input:focus{border:1px solid #854dff;border:1px solid var(--purple);outline:none}.inputContainer p,.invalidInputContainer p{color:#ff5757;color:var(--light-red);font-family:Poppins-400i;font-size:12px}.buttonSection{align-items:center;display:flex;justify-content:space-between}.buttonSection hr{border:1px solid #f0f0f0;border:1px solid var(--off-white);width:100%}.buttonSection button{background-color:#854dff;background-color:var(--purple);border:none;border-radius:100%;padding:15px}.buttonSection button:hover{cursor:pointer;opacity:.7}.buttonSection button:active{background-color:#141414;background-color:var(--off-black)}.outputSection{display:flex;flex-direction:column;justify-content:center}.outputSection h1{color:#141414;color:var(--off-black);font-family:Poppins-800i;font-size:80px;margin:-20px -20px -20px 0}.outputSection span{color:#854dff;color:var(--purple)}@media only screen and (max-width:700px){.calculator{padding:20px;width:300px}.inputContainer,.invalidInputContainer{width:200px}.inputContainer h2,.invalidInputContainer h2{font-size:12px}.inputContainer input,.invalidInputContainer input{font-size:24px;margin-right:5px;padding-left:10px;width:70px}.inputContainer p,.invalidInputContainer p{font-size:12px}.buttonSection{justify-content:center;margin-top:50px}.buttonSection button{padding:10px;position:absolute}.outputSection{margin-top:40px}.outputSection h1{font-size:50px;margin-top:5px}}
/*# sourceMappingURL=main.ab1eeb0e.css.map*/