@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;700&family=Roboto+Condensed:wght@400;700&display=swap";:root{--filter-dark:drop-shadow(0 3px 6px #0006);--border:1px solid var(--color-gray-700);--text-shadow:0px 2px 4px #0006;--transition-start:all .2s ease-out;--transition-finish:all .4s ease-in;--border-radius:.3rem;--shadow-color:0deg 0% 10%;--box-shadow:0px .6px .7px hsl(var(--shadow-color) / .36), 0px 2px 2.3px -.8px hsl(var(--shadow-color) / .36), -.1px 5px 5.6px -1.7px hsl(var(--shadow-color) / .36), -.2px 12.3px 13.8px -2.5px hsl(var(--shadow-color) / .36)}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e1eeeb;background:radial-gradient(#303b37,#1a1f1d);flex-direction:column;align-items:center;min-height:100vh;margin:0;font-family:Quicksand,sans-serif;animation:2s ease-out forwards fadeInAnimation;display:flex}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}html::-webkit-scrollbar{display:none}#header{text-align:center;margin:3rem auto}#header img{object-fit:contain;width:5rem;height:5rem;filter:var(--filter-dark);background-color:#0000}#header h1{text-shadow:var(--text-shadow);letter-spacing:1px;font-size:1.5rem;font-weight:400}#user-input{max-width:30rem;box-shadow:var(--box-shadow);background:linear-gradient(#307e6c,#2b996d);border-radius:4px;margin:2rem auto;padding:1rem;animation:1s ease-out forwards fade-slide-in}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(4rem)}to{opacity:1;transform:translateY(0)}}.input-group{justify-content:space-evenly;gap:1.5rem;display:flex}#user-input label{text-shadow:var(--text-shadow);letter-spacing:1px;letter-spacing:1px;text-transform:uppercase;margin-bottom:.25rem;font-family:Roboto Condensed,sans-serif;font-size:.8rem;font-weight:300;display:block}#user-input input{color:#c2e9e0;background-color:#0000;border:1px solid #76c0ae;border-radius:.25rem;width:100%;padding:.5rem;font-size:1rem}#result{table-layout:fixed;border-spacing:1rem;text-align:right;max-width:50rem;text-shadow:var(--text-shadow);letter-spacing:1px;margin:2rem auto;padding:1rem;font-weight:300;animation:1s ease-out forwards fade-slide-in}#result thead th,#result tbody td{text-shadow:var(--text-shadow);color:#c2e9e0;letter-spacing:2px;font-family:Roboto Condensed,sans-serif;font-size:.9rem;font-weight:300}#result tbody{color:#91fdd4;text-shadow:var(--text-shadow);font-size:.85rem;font-weight:300}#result tbody td{color:#c2e9e0;text-align:center;background-color:#0000;border:1px solid #76c0ae;border-radius:.25rem;padding:.5rem;font-size:1rem}.center{text-align:center;text-shadow:var(--text-shadow);letter-spacing:1px;font-weight:300}