:root{--white: white;--light-gray: #f0f0f0;--dark-gray: #6c6c6c;--black: #1e1e1e;--yellow: #f99c14}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}#calculator{display:grid;grid-template-areas:"display display display display" "clear negative percentage divide" "seven eight nine multiply" "four five six subtract" "one two three add" "zero zero decimal equals";grid-template-columns:100px 100px 100px 100px;gap:20px;padding:10px 50px 50px;margin-top:20px;border-radius:20px;background-color:var(--black)}.light-gray{background-color:var(--light-gray)}.dark-gray{background-color:var(--dark-gray);color:#fff}.yellow{background-color:var(--yellow);color:#fff}button{height:100px;font-size:24px;border:none;cursor:pointer;border-radius:100px;width:100%;transition:transform .1s ease-in-out}button:active{transform:scale(.95)}#answer{font-size:48px;height:48px}#expression{font-size:30px;height:30px;color:var(--dark-gray)}#display{grid-area:display}#clear{grid-area:clear}#negative{grid-area:negative}#percentage{grid-area:percentage}#divide{grid-area:divide}#seven{grid-area:seven}#eight{grid-area:eight}#nine{grid-area:nine}#multiply{grid-area:multiply}#four{grid-area:four}#five{grid-area:five}#six{grid-area:six}#subtract{grid-area:subtract}#one{grid-area:one}#two{grid-area:two}#three{grid-area:three}#add{grid-area:add}#zero{grid-area:zero}#decimal{grid-area:decimal}#equals{grid-area:equals}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424}*{margin:0;padding:0}