@import url(https://fonts.googleapis.com/css2?family=Monda&display=swap);body{box-sizing:border-box;font-family:Monda,sans-serif}header{height:12vh;overflow:hidden;padding:17px 0}header .logo{color:#fff;height:30vh;transform:translateY(-67px);width:215px}#logo-title,header .logo{cursor:pointer;float:left}#logo-title{color:#000;margin-top:15px}.menu{float:right}.menu a{border-radius:3px;color:#000;cursor:pointer;display:inline-block;font-weight:700;padding:10px 20px;text-decoration:none;transition:all .3s ease-in-out}.menu #toggle,.menu label{display:none}.menu a:hover{background:red;color:#fff;cursor:pointer}h1{margin:0 0 .5rem}.title{color:red;height:10vh}.container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:25vh;text-align:center}.converter-container{display:flex;flex-direction:row;justify-content:space-between;width:48rem}#root-size{border:2px solid #dcdcdc;font-size:1.1rem;font-weight:700;text-align:center;width:2.5rem}.input{border:4px solid #dcdcdc;border-radius:.3rem;box-sizing:border-box;display:flex;font-size:2.5rem;padding:.25rem;text-align:center;width:22rem}input:focus{border:4px solid red;outline:red}#red{color:red}.numeric{margin-top:.9375rem;position:relative}abbr:before{content:"";display:inline-block;height:100%;vertical-align:middle}.rem-unit{right:2rem}.px-unit,.rem-unit{bottom:0;display:inline-block;font-size:2rem;opacity:.5;padding-top:.2em;position:absolute;top:0;vertical-align:middle}.px-unit{right:1rem}select{margin-left:.5rem}.equals,label{font-weight:700}.equals{font-size:2rem;margin-top:2.25rem;padding:0 1.25rem}#large-switch{height:2rem;width:2rem}#large-switch,#small-switch{cursor:pointer;margin-top:2rem}#small-switch{height:1rem;padding:0 4px;width:1rem}.footer-container{background:#f4f7f9;margin-top:20rem}.policy-container{border-top:2px solid #f4f7f9;display:flex;height:8vh;justify-content:center}#footer-1{margin-top:1.63rem}#footer-1 a{color:red;font-weight:700;text-decoration:none}#footer-1 a:hover{text-decoration:underline}#footer-2{color:#000;display:flex;justify-content:center;padding-bottom:2rem}@media screen and (max-width:1800px){header .logo{display:none}}@media screen and (max-width:475px){header .logo{transform:translate(3.13rem,-3.13rem)}.title{font-size:1.5rem}.container h2{font-size:1rem}.container h3{font-size:.85rem}.converter-container{display:flex;flex-direction:column;justify-content:space-between;width:20rem}.converter-container label{margin-top:2rem}.input{font-size:1.5rem;margin-left:2.25rem;width:15rem}.equals{margin-top:.5rem}.px-unit,.rem-unit{font-size:1.2rem;right:4rem}.policy-container{font-size:.75rem}#footer-2{font-size:.65rem;margin-top:1rem;padding-bottom:4rem}}
/*# sourceMappingURL=main.9d9c66bc.css.map*/