body,html{min-height:100vh;min-height:-webkit-fill-available;font-family:sans-serif}body,div,footer,header,html,main{margin:0;padding:0}header{box-sizing:border-box;background-color:#4e7e4e;color:#fff;font-size:1.4rem;position:sticky;top:0}header>div{height:4rem;flex-direction:row;justify-content:space-between}header h1,header select{font-size:inherit}.flex-end{justify-content:flex-end}header select{all:unset;padding:.3rem 1em .3rem .5rem;text-align:right;font-weight:700;margin-right:-1em;max-width:19rem;z-index:1}.selector::after{content:"▼";display:block;font-size:.55em;margin:0 0 0 .5em}header select optgroup,header select option{font-size:initial;color:initial}.selector,header>div{display:flex;align-items:center}header>div,main{padding:1rem 2rem}footer{padding:2rem 1rem;text-align:center}.container{box-sizing:border-box;width:100%;max-width:40rem;margin-left:auto;margin-right:auto}#currency-date{font-style:italic}.divider{display:flex;flex-direction:column;gap:.6rem;margin:.6rem 0}.currency{display:grid;grid-template-columns:1fr 3em;font-size:1.6rem;align-items:center;box-sizing:border-box;text-align:right;border-width:1px;border-style:solid;border-color:hsl(120deg 23.53% 96%);transition-duration:200ms;transition-property:border-bottom-color,border-top-color,border-right-color,border-left-color}.currency:focus-within{border:1px solid hsl(120deg 23.53% 40%)}.currency input{all:unset;text-align:right;appearance:textfield;padding:1em .2em;width:100%;box-sizing:border-box}.currency label{padding:1em .4em 1em .2em;text-transform:uppercase}.currency-description{font-size:.9em;font-style:italic}.center{text-align:center}h2{font-weight:400}