@import"https://fonts.googleapis.com/css?family=Commissioner:400";html,body{font-family:Commissioner;height:100vh;margin:0;background-color:#e9e9e9}*,:before,:after{box-sizing:border-box}:focus{outline:none}#root,.container,.hex-to-rgb{height:100%}.hex-to-rgb{display:flex;justify-content:center;align-items:center}.hex-to-rgb__box{display:flex;flex-direction:column;gap:.3rem}.hex-to-rgb__input{font-size:1.2rem;letter-spacing:1.15px;background-color:#fff}.hex-to-rgb__input:focus{padding:0;border:2.5px solid #3589f9}.hex-to-rgb__output{font-size:1rem;color:#fff;background-color:#0006}.hex-to-rgb__input,.hex-to-rgb__output{width:12rem;height:3rem;border:none;text-align:center;font-family:inherit}