*,*::before,*::after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}@font-face{font-family:"Quicksand";src:url("../fonts/Quicksand-VariableFont_wght.ttf") format("truetype")}@font-face{font-family:"Gluten";src:url("../fonts/Gluten-VariableFont_wght.ttf") format("truetype")}html{font-family:"Quicksand","Helvetica","Arial",sans-serif;font-size:16px;scroll-behavior:smooth}html body{background-color:#000;color:#ffffff;font-family:"Quicksand","Helvetica","Arial",sans-serif}html body main{width:100vw;margin:0 auto;padding:6rem 0 0}html body main h1,html body main p{display:block;width:15rem;margin:1rem auto 3rem;color:rgba(255,255,255,0.25);user-select:none}html body main h1{color:#fff;text-align:center}html body main div#txtConverter{display:block;width:15rem;margin:0 auto}html body main div#txtConverter input{display:block;width:100%;height:2rem;padding:.5rem;border:none;border-bottom:2px solid rgba(255,255,255,0);border-radius:.25rem;font-size:1.25rem;line-height:2rem;background-color:rgba(255,255,255,0.25);color:#fff;outline:none;transition:border-color .3s ease-in-out}html body main div#txtConverter input:focus,html body main div#txtConverter input:active{border-bottom-color:#fff}html body main div#txtConverter span{display:block;padding:.5rem 0;text-align:center;user-select:none}::-webkit-scrollbar{display:none;width:10px;height:10px}::-webkit-scrollbar-track{background:#444}::-webkit-scrollbar-thumb{background-color:#222;border:none}