@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box}body{font-family:Inter,sans-serif;font-weight:500;color:#fff;display:flex;justify-content:center;height:100vh;width:100vw;background-color:#1f1f1f}.background{position:absolute;height:100vh;width:100%;z-index:-1;background-image:linear-gradient(#1f1f1f50,#1f1f1ff8,#1f1f1f)}.background-overlay{position:absolute;height:100vh;width:100%;z-index:-2;background-color:#1f1f1f;background-size:80px 80px;background-image:linear-gradient(to right,rgba(128,128,128,.5) 1px,transparent 1px),linear-gradient(to bottom,rgba(128,128,128,.5) 1px,transparent 1px);background-attachment:fixed}header{display:flex;justify-content:center;align-items:center;margin-bottom:3rem;margin-top:15%}header h1{font-size:3rem;color:#e6e6e6;margin-top:1rem;text-shadow:3px 3px 5px rgba(22,22,22,.5)}label{font-size:1.1rem;display:block;margin-bottom:.5rem}#inputs{display:flex;justify-content:space-evenly;align-items:center;gap:3rem;padding:3rem 4rem;background:radial-gradient(circle,#232323,#202020);border:1px solid rgb(230,230,230);border-radius:15px;box-shadow:3px 3px 12px #0e0e0e4d}#inputs>div{display:flex;flex-direction:column;justify-content:space-evenly;gap:2rem;height:100%}.input{position:relative}.input-span{position:absolute;right:10px;top:30%;opacity:.5}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input{background-color:#1f1f1f;color:#fff;font-size:1rem;width:15rem;padding:1rem 4rem 1rem 1rem;border:2px solid #464646;border-radius:10px}#results{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:400;background:radial-gradient(circle,#232323,#202020);margin-top:2rem;width:100%;border:1px solid rgb(230,230,230);border-radius:15px;box-shadow:3px 3px 12px #0e0e0e4d}#results table{width:100%;border-spacing:.8rem;padding:.8rem}#results td{text-align:center}#results p{padding:1.6rem 0px}@media screen and (max-width: 620px){html{font-size:10px}}@media screen and (max-width: 450px){html{font-size:8px}}