@import url(https://fonts.googleapis.com/css2?family=Inter:wght@700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,300&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600&display=swap);body{background-color:#e7e8eb;font-family:Inter,sans-serif}.App{background-color:#ccc;font-size:large;height:100vh}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;font-size:calc(10px + 2vmin);height:15vh;justify-content:space-between;padding:0 2%}.App-link{color:#61dafb}.flex,nav ul{display:flex}nav ul{gap:2rem}li{list-style-type:none}li a{color:#996}main{font-family:cursive;height:75vh;padding:5vh 5%}h2{font-size:xx-large;margin:0}.space-between{display:flex;justify-content:space-between}.calculator-container{width:60%}#quote-container{font-size:xx-large;height:75vh;justify-content:center}#calculator,#quote-container{align-items:center;display:flex}#calculator{flex-direction:column}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#calculatorScreen{margin:0;padding:0}#result{align-items:center;background-color:#636363;border:none;color:#fff;display:flex;font-size:larger;height:50px;justify-content:flex-end;padding:0 5px;width:388px}#calcButtons{display:flex;flex-direction:column}#calcButtons div{display:flex}.calcButton{width:100px}.calcButton,.calcButton2{border:1px solid #ccc;height:50px}.calcButton2{width:200px}.operator{background:#c62}header{align-items:center;background-color:#dbcbcb;display:flex;justify-content:space-around}nav{font-size:larger;font-weight:400}nav ul li{list-style:none}nav ul li a{background-color:#282c34;border-radius:10px;color:#daa520;padding:1rem;text-decoration:none}@media screen and (max-width:600px){header,nav ul{align-items:center;flex-direction:column}}.home-container,.quote-container{margin-top:200px;text-align:center;width:100%}
/*# sourceMappingURL=main.5ed33498.css.map*/