@import url(https://fonts.googleapis.com/css2?family=Hammersmith+One&display=swap);.reckoner{background:linear-gradient(145deg,#dbdbdb,#acacac);margin:0 auto;padding:20px 10px;border-radius:18px;box-shadow:25px 30px 15px #575757,-15px -18px 25px #e7e7e7}input[type=text]{background:transparent;border-radius:20px;height:10vh;width:100%;color:#000;text-align:right;font-size:2em;letter-spacing:.05em;border:none;padding-right:10px}::-webkit-input-placeholder{color:#5c5c5c}button:active,button:focus,input:active,input:focus{outline:none}.inputKeypad{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(60px,auto)}.nrml{font-size:20px;border-radius:5px;margin:7px;border:none;cursor:pointer;color:#c9c9c9;box-shadow:1px 1px 10px #181717,-1px -1px 10px #5e5b5b}.nrml,.nrml:hover{background:linear-gradient(145deg,#000,#3f3d3d)}.nrml:hover{font-size:28px}.highlighted{font-weight:600;font-size:20px;background:linear-gradient(145deg,#00e6e6,#0ff);border-radius:5px;margin:7px;border:none;cursor:pointer;color:#000;box-shadow:1px 1px 10px #181717,-1px -1px 10px #5e5b5b}.highlighted:hover{font-size:23px;background-color:#25ac9e}hr{height:.2em}#clear{grid-column:1/3;grid-row:1}#result{grid-column:3/5;grid-row:5}@media (min-width:600px){input{width:80%}}.headingH1{margin-top:12vh;margin-bottom:6vh;font-size:7vw;font-family:Hammersmith One,sans-serif;color:#777;font-weight:700;text-transform:uppercase;text-shadow:-6px -6px 15px hsla(0,0%,100%,.8),6px 6px 15px rgba(0,0,0,.5)}.container{width:80%;border-radius:15px;text-align:center;left:50%;top:60%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0 auto}@media (min-width:600px){.container{width:30%}.headingH1{margin-top:9vh}}.main-header{width:100%;height:4rem;display:flex;align-items:center;position:fixed;top:0;left:0;background:silver;box-shadow:0 2px 6px rgba(0,0,0,.26);padding:0 1rem;z-index:5}@media (min-width:768px){.main-header{justify-content:space-between}}.nav-links{list-style:none;margin:0;padding:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-links li{margin:1rem}.nav-links a{border:1px solid transparent;color:#292929;text-decoration:none;padding:.5rem}.nav-links a.active,.nav-links a:active,.nav-links a:hover{background:transparent;border:none;color:#292929}.nav-links button{cursor:pointer;border:1px solid #292929;color:#292929;background:transparent;padding:.5rem;font:inherit}.nav-links button:focus{outline:none}.nav-links button:active,.nav-links button:hover{background:#292929;color:#fff}@media (min-width:768px){.nav-links{flex-direction:row}.nav-links li{margin:0 .5rem}.nav-links a{color:#fff;text-decoration:none}.nav-links button{border:1px solid #fff;color:#fff;background:transparent}.nav-links button:active,.nav-links button:hover{background:#f8df00;color:#292929}}.side-drawer{z-index:100;width:70%;background:silver;box-shadow:0 2px 8px rgba(0,0,0,.26)}.backdrop,.side-drawer{position:fixed;left:0;top:0;height:100vh}.backdrop{width:100%;background:rgba(0,0,0,.75);z-index:10}.main-navigation__menu-btn{width:3rem;height:3rem;background:transparent;border:none;display:flex;flex-direction:column;justify-content:space-around;margin-right:2rem;cursor:pointer}.main-navigation__menu-btn span{display:block;width:3rem;height:2.5px;background:#fff}.main-navigation__title{color:#fff}.main-navigation__title a{text-decoration:none;color:#fff}.main-navigation__header-nav{display:none}.main-navigation__drawer-nav{height:100%}@media (min-width:768px){.main-navigation__menu-btn{display:none}.main-navigation__header-nav{display:block}}*{box-sizing:border-box}html{font-family:sans-serif}body{margin:0;display:flex;justify-content:center;align-items:center;background-color:silver}
/*# sourceMappingURL=main.350d638c.chunk.css.map */