*{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-box-sizing:border-box;box-sizing:border-box}body,html{height:100%}body,input{font-family:Inter,sans-serif;background:#f1f1f1;color:#070707}a{color:#000;text-decoration:none}input{display:block;width:100%;font-family:Termina,sans-serif;font-size:36px;line-height:52px;font-weight:600;letter-spacing:-1px;background:0 0;border:none;border-bottom:1px solid rgba(0,0,0,.2);padding:5px 0;border-radius:0}input:focus{border-bottom-color:#000;outline:0}#logo{position:absolute;top:20px;left:20px}#container{max-width:450px;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0 20px}#hex{margin-bottom:20px}.light{color:#070707!important}.light input{color:#070707!important;border-bottom-color:rgba(0,0,0,.2)}.light input:focus{border-bottom-color:#000}.dark #logo path{fill:#fff}.dark input{color:#fff!important;border-bottom-color:rgba(255,255,255,.2)}.dark input:focus{border-bottom-color:#fff}.dark ::-webkit-input-placeholder{color:#fff!important}.dark :-moz-placeholder{color:#fff!important}.dark ::-moz-placeholder{color:#fff!important}.dark :-ms-input-placeholder{color:#fff!important}::-webkit-input-placeholder{color:#070707}:-moz-placeholder{color:#070707}::-moz-placeholder{color:#070707}:-ms-input-placeholder{color:#070707}#made{display:inline-block;position:fixed;bottom:0;left:0;margin:20px;padding:10px 15px;font-size:14px;line-height:19px;background:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:8px;z-index:1;transition:opacity .25s ease-in-out}#made:hover{opacity:.6}#made span{font-weight:700}@media only screen and (max-width:500px){input{font-size:28px;line-height:40px}#container{max-width:100%}#logo{top:15px;left:15px}#made{margin:15px}}