@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);body{background-color:#f1faee;font-family:Lato,sans-serif;margin:0}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.heading{color:#1c3738;font-size:4.5rem;margin:2rem 0;text-align:center;& span{background:linear-gradient(90deg,#e19e24,#ffbc42 54%);border-radius:1rem;padding:.4rem}}.calculator{grid-gap:.35rem;background-color:#1c3738;border-radius:2rem;color:#fff;display:grid;gap:.35rem;grid-template-columns:repeat(4,1fr);margin:2.5rem auto;padding:.8rem;width:300px;& button{background-color:#000f08;border:none;border-radius:2rem;color:inherit;cursor:pointer;font-family:inherit;font-size:1.5rem;outline:none;padding:1rem;transition:all .2s ease-in-out;&:hover{opacity:.8}&.operator{background-color:#ffbc42!important}&.action{background-color:#8baaad}}& .output{word-wrap:break-word;align-items:flex-end;display:flex;flex-direction:column;grid-column:span 4;justify-content:flex-end;min-height:5.7rem;padding:.8rem 1rem;text-align:right;word-break:break-all;& .current-operand{font-size:2.4rem}& .previous-operand{color:#8baaad}}}.footer{color:#1c3738;margin:2rem 0;text-align:center}.span-two{grid-column:span 2}
/*# sourceMappingURL=main.ce54f09c.css.map*/