*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{font-size:62.5%}body{background-color:#2f250e}.converter-container{color:#fff;text-align:center;background-color:#82714a;border-radius:7px;flex-direction:column;align-items:center;width:475px;min-height:350px;margin:10em auto;font-family:sans-serif;display:flex}h1{padding:1.2em 0 .3em;font-size:3em}h2{padding:.3em 0 .7em}form{flex-direction:column;align-items:center;width:100%;display:flex}#initial-value{border:none;border-radius:4px;width:90%;height:2.4em;margin:0 0 .7em;padding:.2em .6em;font-size:1.5em}.unit-container{width:90%;font-size:1.5em}select{border-radius:5px;width:100%;height:2.7em;margin:.2em 0 .5em}#conversion-text{margin:.5em 0 1em;font-size:1.7em;font-weight:600}