*{box-sizing:border-box;margin:0;padding:0}ul li{list-style-type:none}header{align-items:center;background-color:#00f;color:#fff;display:flex;justify-content:space-between;padding:1rem}header h1{font-size:1.6rem}nav ul{display:flex;gap:35px}ul li a{text-transform:capitalize}a:active,a:link,a:visited{color:inherit;text-decoration:none}section{display:flex;flex-direction:column;margin:0 auto;max-width:1000px;padding:2rem}.home{gap:2rem}.home h1{font-size:2rem}.home p{font-size:1.2rem;line-height:1.5}.calc-page{gap:3rem;justify-content:space-between}.calc-text{font-size:1.5rem}.calculator{background-color:#c6c6c6;display:grid;max-width:600px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.keys{grid-gap:2px;background-color:initial;display:grid;gap:2px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr)}.keys .key{background-color:#e0e0e0;border:none;outline:none;padding:20px 40px;text-align:center}.keys .key:hover{background-color:#eee;cursor:pointer;transition:.2s ease}.key.right-key{background-color:#f5913e}.key.right-key:hover{background-color:#f67f1e}.key.double-width{grid-column:1/3}.screen{background-color:#858694;color:#fff;font-size:20px;padding:15px 6px;text-align:right}.author,.quote{font-style:italic}@media screen and (min-width:768px){.calc-page{flex-direction:row}header{padding:1.5rem 20%}}
/*# sourceMappingURL=main.72c6a5ea.css.map*/