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