body{font-family:Arial,sans-serif;background-color:#f0f0f0;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh}:root{--selection-bg: #444444;--selection-tc: #ffffff}::selection{background-color:var(--selection-bg);color:var(--selection-tc)}::-webkit-selection{background-color:var(--selection-bg);color:var(--selection-tc)}.attr{position:absolute;left:15px;bottom:15px;color:#636363}.github{position:absolute;right:15px;bottom:15px;width:33px;height:33px;opacity:.5;cursor:pointer;transition:all .24s ease-in-out}.github:active,.github:hover{width:45px;height:45px;opacity:1}.converter{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:500px;text-align:center}h1{margin-bottom:20px;font-size:1.3em}.conversion{display:flex;align-items:center;flex-direction:column;margin-bottom:15px}.conversion .arrow{margin-bottom:25px}label{display:block;margin-bottom:5px;font-weight:700}input[type=number]{width:calc(100% - 20px);padding:8px;font-size:1em;border:1px solid #ccc;border-radius:4px;margin-bottom:10px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}span{display:inline-block;margin:10px 0;font-size:1.5em}