body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f3f3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;display:flex;flex-direction:column;margin:0;padding:3% 10%;width:auto}.links-desktop{color:#000;text-decoration:none}.mobile-menu{display:none}.mobile-hamburger{color:#000;display:none;font-size:24px}.navbar{width:100%}.navbar,.navbar-menu,.navbar-menu ul{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.navbar-menu ul{list-style-type:none;width:70%}.navbar-menu li{color:#000;font-size:24px;margin-left:20px;text-decoration:none}.section{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;margin:5% 0;width:100%}.section h2{margin:0}.navbar-menu li:hover{color:#000;font-size:24px;text-decoration:underline}.homesection{width:100%}.calculator,.homesection{display:flex;flex-direction:column}.calculator{text-align:center;width:35%}.calculator input[type=text]{background-color:#858693;border:none;color:#fff;font-size:1.5rem;overflow:hidden;padding:20px 5px;text-align:right}.keys{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);max-inline-size:30rem}.button{background-color:#e0e0e0;border:.01px solid #ccc;color:#000;outline:none;padding:15px 0}.button:active{background-color:#999}.top-button{grid-row:1/2}.button-side{background-color:#f39148;grid-column:4/4}.button-side:active{background-color:#e7843b}.number-buttons{display:grid;grid-column:1/4;grid-row:2/7;grid-template-columns:repeat(3,1fr)}.span2{grid-column:1/3}@media screen and (max-width:768px){.calculator{margin:auto;width:60%}.section h2{margin:30px auto}.mobile-menu{background-color:#272a31;height:100vh;left:0;opacity:.8;padding:5%;position:fixed;top:0;transition:opacity 2s,visibility 2s;width:100%;z-index:9}.mobile-hamburger,.mobile-menu{display:block}.navbar-menu{display:none}.close-button{color:#fff;font-size:25px;margin-top:2%}.mobile-menu ul{display:flex;flex-direction:column;list-style-type:none}.mobile-menu li{font-size:30px;margin-bottom:20px}.section{flex-direction:column}.links-mobile{color:#fff;text-decoration:none}}
/*# sourceMappingURL=main.078ace15.css.map*/