.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{font-size:calc(10px + 2vmin)}:root{--primary-color: hsl(250, 100%, 27%);--secondary-color: hsl(210, 100%, 27%);--shadow: hsla(0, 0%, 0%, .658);--shadow-glow: hsla(199, 85%, 40%, .658);--button-base: hsl(0, 2%, 73%);--button-operators: hsl(35, 100%, 36%);--button-numbers: hsl(0, 0%, 35%);--button-3: hsl(22, 100%, 36%)}button{width:3em;height:3em;font-size:1.5em;border:none;border-radius:50%;background-color:var(--button-base);margin:.3em;transition:.18s;filter:drop-shadow(-3px 4px 7px var(--shadow))}button:hover{filter:drop-shadow(-3px 4px 7px var(--shadow-glow)) brightness(125%);cursor:pointer}button:focus-visible{filter:brightness(125%) drop-shadow(-3px 4px 7px var(--shadow-glow));outline:0}button:active{filter:drop-shadow(.3px .8px 1.5px var(--shadow)) brightness(115%);border-radius:40%}.wrapper{background-color:var(--primary-color);border-radius:1em;padding:1em;min-width:350px}.operators{background-color:var(--button-operators);color:#fff}.numbers{background-color:var(--button-numbers);color:#fff}#display{color:#f5f5f5;background-color:var(--secondary-color);border-radius:.5rem;width:85%;margin:.8rem auto;display:flex;justify-content:right;font-size:xx-large;padding:.6rem}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}