@import url(https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Harmattan:wght@400;700&display=swap);header{padding:10px 20px}.logo-link{text-decoration:none;color:#3a3a47}h1{font-family:"Fredoka One",sans-serif;font-weight:700;font-size:2.5rem;margin:0}nav{display:flex;align-items:center;justify-content:space-between;padding:0 1vw;margin-bottom:50px}.nav-list{display:flex;width:40%;margin:0;padding:0;list-style:none}.nav-item{flex:1 1;text-align:center;font-weight:600;font-size:1.4rem;border-right:2px solid #3a3a47}.nav-item:last-child{border-right:none}.link{text-decoration:none;color:#3a3a47}.link:hover{color:#f5913e}.homepage{padding:0 2.5vw}h2{font-size:2rem}p{font-size:1.3rem;color:#3a3a47}.calculator-page{display:flex}.calculator-content{flex:1 1;padding:0 2.5vw;font-size:2rem}.quote-page{display:flex;flex-direction:column;align-items:center;padding-top:10%}.quote-page h3{font-size:1.4rem}.quote-page h3,.quote-page p{width:60%;margin:0;text-align:center}.quote-page p{padding:0 20px}#calculator{flex:1 1;display:grid;justify-content:center;align-content:center;grid-template-columns:repeat(4,100px);grid-template-rows:minmax(100px,auto) repeat(5,60px)}#display{grid-column:1/-1;background:#858693;color:#fff;font-size:2.5rem;text-align:right;display:flex;justify-content:space-around;flex-direction:column;padding:10px;word-wrap:break-word;word-break:break-all}button{cursor:pointer;font-size:2rem;border:1px solid #fff;background:#e0e0e0;outline:none}button:hover{background:rgba(144,166,187,.75);background:rgba(223,231,238,.75)}#zero{grid-column:span 2}#add,#divide,#equals,#multiply,#subtract{background:#f5913e}#add:hover,#divide:hover,#equals:hover,#multiply:hover,#subtract:hover{background:#ffae6c}*,:after,:before{box-sizing:border-box;font-family:"Harmattan",sans-serif;font-weight:400}body{margin:0;padding:0;font-family:"Harmattan","Courier New",monospace}.App{height:100vh}.calculator-page,.homepage,.quote-page{height:auto;min-height:76.9%}footer{padding:0 3vw;margin:0;color:#fff;background:#3a3a47;border:1px solid #1c1c22}
/*# sourceMappingURL=main.d6c03980.chunk.css.map */