@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@1,500&display=swap);*{margin:0}body{height:100vh;display:flex;flex-direction:column;align-items:stretch;font-family:"Roboto",sans-serif}button{width:95%;height:8rem;font-size:2rem;border:2px solid #444141;border-radius:10px;background-color:#e2e7e7;box-shadow:inset 3px 3px 20px 3px #919090,1px 1px 1px 1px #959795,-1px -1px 1px 1px #959795,inset -3px -3px 20px 3px #919090;font-family:"Roboto Mono",monospace;margin:.15rem}#root{height:100vh}.App{display:grid;grid-template-columns:repeat(4,1fr);min-height:100%;grid-template-rows:auto 1fr auto;margin:0 auto}.calculator-wrapper{grid-row:2;grid-column:1/-1;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;width:30rem;height:52rem;margin:5vh auto;padding:2rem;background-color:#444141;box-shadow:2px 2px 9px 3px #919090,inset 1px 1px 2px 2px #c6cac6;border-radius:30px}.button-wrapper{background-color:transparent}.display{grid-column:1/-1;grid-row:1;height:7rem;border:2px solid #444242;font-size:2.5rem;background-color:grey;box-shadow:inset 3px 3px 5px 3px #202020,inset -3px -3px 2px 2px #202020;font-family:"Orbitron",sans-serif;text-align:right;padding:1rem 1rem 0;margin:1rem 0}.clear{grid-column:1/3;color:red}.equals{grid-column:3/5;background-color:#7c999c;box-shadow:inset 3px 3px 20px 3px #b2cbce,1px 1px 1px 1px #b2cbce,-1px -1px 1px 1px #b2cbce,inset -3px -3px 20px 3px #b2cbce;margin:.25rem}.row{display:grid;grid-template-columns:repeat(4,1fr);padding:0;background-color:#444141}.row:first-of-type{grid-row:2;padding-top:.25rem}.row:nth-of-type(2){grid-row:3}.row:nth-of-type(3){grid-row:4}.row:nth-of-type(4){grid-row:5}.row:nth-of-type(5){grid-row:6;padding-bottom:.25rem}@media only screen and (min-width:300px) and (max-width:500px){button{height:10vh}.display,button{font-size:1.5rem}.display{height:8vh;text-align:right}.calculator-wrapper{width:17rem;height:73vh}}@media only screen and (min-width:501px) and (max-width:768px){button{height:10vh;font-size:1.5rem}.display{height:7vh;text-align:right;font-size:2rem}.calculator-wrapper{width:45vw;height:68vh;margin:2vh auto}}@media only screen and (min-width:769px) and (max-width:1024px){button{height:8vh;font-size:1.5rem}.display{height:5vh;text-align:right;font-size:2rem}.calculator-wrapper{width:35vw;height:54vh;margin:5vh auto}}@media only screen and (min-width:2400px){.calculator-wrapper{width:40rem}.display{height:6vh;text-align:right;font-size:3.5rem}}.header-background{grid-column:1/-1;grid-row:1;background-image:url(/static/media/calc.1c950ece.jpg);background-size:cover;background-position:50%;margin-bottom:2vh}.header{font-size:3rem;background-color:hsla(0,0%,57.3%,.637);box-shadow:2px 2px 6px 2px rgba(99,98,98,.904);margin:0;padding:5vh 0;font-style:italic;font-family:"Orbitron",sans-serif}.header-message{font-size:5rem;text-align:left;padding:0 0 0 3rem}@media only screen and (min-width:300px) and (max-width:500px){.header{height:10vh;padding:4vh 0 0}.header-message{font-size:2rem;font-weight:900;text-align:center;padding:0}}@media only screen and (min-width:501px) and (max-width:1024px){header{height:8vh;padding:0}.header-message{font-size:3rem;text-align:center;padding:0}}.footer{grid-column:1/-1;grid-row:3;padding:3% 0;margin-top:.5rem;text-align:center;font-weight:700;font-size:1.5rem;display:flex;justify-content:center;align-items:center;font-family:"Orbitron",sans-serif}@media only screen and (min-width:300px) and (max-width:500px){.footer{height:10vh;padding:3vh 0;font-size:1rem}}
/*# sourceMappingURL=main.b7c81e8f.chunk.css.map */