@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&family=Roboto+Condensed:wght@400;700&display=swap";*{box-sizing:border-box}body{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}#header{text-align:center;margin:3rem auto}#header img{width:5rem;height:5rem;object-fit:contain;background-color:transparent}#header h1{font-size:1.5rem}#user-input{padding:1rem;max-width:30rem;margin:2rem auto;border-radius:4px;background:linear-gradient(180deg,#307e6c,#2b996d)}.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;font-size:.5rem;font-weight:700;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}#result thead{font-size:.7rem;color:#83e6c0}#result tbody{font-family:Roboto Condensed,sans-serif;font-size:.85rem;color:#c2e9e0}.center{text-align:center}