*{padding:0;margin:0;border:0}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}:focus,:active{outline:none}a:focus,a:active{outline:none}nav,footer,header,aside{display:block}html,body{height:100%;width:100%;font-style:100%;line-height:1;font-size:14px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited{text-decoration:none}a:hover{text-decoration:none}ul li{list-style-type:none}img{vertical-align:top;max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-style:inherit;font-weight:400}body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;background-color:#f2f2f2;-webkit-transition:all .3s ease;transition:all .3s ease}#calculator{font-family:Arial,sans-serif;background-color:#262626;border-radius:15px;max-width:500px;overflow:hidden}#display{width:100%;padding:20px;font-size:5rem;text-align:left;background-color:#333;color:#fff}#keys{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px;padding:25px}button{width:100px;height:100px;border-radius:50px;border:none;background-color:#4d4d4d;color:#fff;font-size:3rem;font-weight:bold}button:hover,button:focus{background-color:#666}button:active{background-color:#333}.operator-btn{background-color:#ff9f1a}.operator-btn:hover,.operator-btn:focus{background-color:#ffb54d}.operator-btn:active{background-color:#ffca80}.equal-btn{background-color:#0077b6}.equal-btn:hover,.equal-btn:focus{background-color:#136a99}.equal-btn:active{background-color:#105e88}#themeToggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#4d4d4d}#themeToggle:hover,#themeToggle:focus{background-color:#666}#themeToggle:active{background-color:#333}.mode-btn{width:50px;height:50px}body.dark-mode{background-color:#000814}body.dark-mode #themeToggle{background:#d9d9d9}body.dark-mode #themeToggle:hover,body.dark-mode #themeToggle:focus{background:#bfbfbf}body.dark-mode #themeToggle:active{background:#999}body.dark-mode .mode-btn{content:url(../img/sun.png)}@media(max-width: 768px){body{height:100dvh}#calculator{max-width:320px}#keys{padding:15px}#display{padding:20px 15px;font-size:2.5rem}button{width:65px;height:65px;font-size:2.2rem}.mode-btn{width:30px;height:30px}}@media(max-height: 500px){body{height:100dvh}#calculator{max-width:300px}#keys{padding:10px}#display{padding:10px 15px;font-size:2.5rem}button{width:50px;height:50px;font-size:2rem}.mode-btn{width:25px;height:25px}}