@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Poppins:ital,wght@0,400;0,500;0,600;1,400&display=swap);*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{font-family:"Poppins",sans-serif}h1,h2,h3{font-family:"Open Sans",sans-serif;font-weight:700}a{color:inherit;text-decoration:none}.icon{font-size:1.2rem}.icon--small{font-size:.7rem}.center{text-align:center}select.center{text-align-last:center}.App{min-height:100vh;background-image:linear-gradient(290deg,#035263 20%,#1ac0e6);color:#fff}.converter_container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;min-height:calc(100vh - 70px);padding:1.5rem}.button{display:block;margin-top:2rem;padding:.5em 1em;background-color:#ffe4bd;border:none;border-radius:9999px;font-size:1.2rem;cursor:pointer}.button:hover{opacity:.85}.button .icon{margin-right:.5rem;font-size:inherit}header{-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-content:center;align-content:center;width:100%;height:70px;padding-right:1rem;background-color:#047b95;color:#fff}header,header>div{display:-webkit-flex;display:flex}header>div{-webkit-align-items:center;align-items:center}header .logo{-webkit-align-self:center;align-self:center;margin-left:1rem;letter-spacing:.7px;cursor:pointer}header .home_icon{margin:.4rem 0;padding:.6rem 1rem .6rem 1.2rem;font-size:1.4rem;border-right:2px solid #05a3c7}header .home_icon:hover{color:#f8d5a0}header .icon{margin-left:.5em}@media(min-width:600px){header{padding-right:2rem}}.calculator{position:fixed;bottom:0;left:74%;width:25%;max-width:800px;border:3px solid hsla(0,0%,100%,.5);border-bottom:none;border-radius:30px 30px 0 0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform .7s;transition:transform .7s;transition:transform .7s,-webkit-transform .7s}.calculator input{width:100%;height:100px;border:none;font-size:4rem;padding:10px 20px;background-color:#012932;color:#fff;-webkit-appearance:textfield;appearance:textfield;border-radius:30px 30px 0 0}.toggle{position:fixed;right:5.5%;padding:1rem 1rem .5rem;background-color:#1ac0e6;color:#000;border-radius:999px 999px 0 0;-webkit-transform:translateY(calc(-100% - 3px));transform:translateY(calc(-100% - 3px));transition:opacity .3s ease-in-out;font-size:1.3rem;cursor:pointer}.toggle:hover{opacity:.7}.numpad{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,100px);width:100%}.numpad button{display:grid;place-items:center;font-size:2rem;background-color:#e4eaec;border:1px solid #ababab;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.numpad button:hover{opacity:.85}.numpad button i{font-size:1.3rem}.numpad .function{background-color:#dedede}.numpad .equals{grid-column:4/5;grid-row:2/6;background-color:#47cdeb;border:none}@media(max-width:670px){.calculator{width:80%}.calculator input{height:70px}.numpad{grid-template-rows:repeat(5,80px)}}@media(max-width:375px){.numpad{grid-template-rows:repeat(5,60px)}}.converter{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:1.3rem 1rem;background-color:hsla(0,0%,100%,.5);border-radius:15px;font-size:1.4rem}.converter+.converter{margin-top:1.5rem}.converter>div:first-child{display:-webkit-flex;display:flex;margin-bottom:1rem}.converter>div:first-child *+*{margin-left:1rem}.converter>div:first-child .options{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-evenly;justify-content:space-evenly;width:-webkit-fill-available;width:stretch;background-color:#047b95;border-radius:9999px}.converter>div:first-child .options i{cursor:pointer}.converter>div:first-child .options i:hover{opacity:.7}.converter>div:first-child .options i.delete{color:#d2606d}.converter input,.converter select{padding:.7em 1em;font-size:inherit;border:none;border-radius:9999px}.converter input::-webkit-inner-spin-button,.converter input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.converter input{-webkit-appearance:textfield;appearance:textfield}.converter input[disabled]{background-color:#fff}.converter select{padding:.5em 1em;font-size:1.2rem}.converter select.category{width:260px}.converter input+select,.converter select+input{margin-left:1rem}.converter select.center>option{text-align:center}.converter .swap_units{margin:0 .6em;cursor:pointer}
/*# sourceMappingURL=main.884371f4.chunk.css.map */