:root{--background-color: #4a525a;--link-color: #3e78b2;--primary-color: #004ba8;--sconday-color: #4a525a;--primary-hover-color: #3e78b2;--base-border-radius: 16px;--basic-border-radius: 8px}*{font-family:"Baloo 2",cursive;box-sizing:border-box;margin:0;padding:0}body{background:var(--background-color);color:#fff}main{padding:8px;margin:auto;width:max-content}h2{font-weight:400}a{text-decoration:none;color:var(--link-color)}button{border-radius:100%;border:none;margin:4px;font-size:24px;cursor:pointer}.menu-item{padding:8px 12px;background:var(--primary-color);color:#fff;border-radius:var(--base-border-radius);transition:all .2s ease}.buttons{display:grid;grid-template-columns:repeat(4,64px);grid-template-rows:repeat(4,64px);margin:8px auto auto}.operand{background:var(--primary-color);color:#fff}.menu-item:hover{background:var(--primary-hover-color);border-radius:var(--basic-border-radius)}#app-header{background:#07070a;color:#fff;padding:8px 32px;display:flex;align-items:center;justify-content:space-between}#app-menu{display:flex;align-items:center;list-style:none;gap:16px}#basic-calculator{background:var(--link-color);margin-top:32px;border-radius:var(--base-border-radius);display:flex;flex-direction:column}#display{font-size:24px;text-align:right;background:white;border-radius:var(--basic-border-radius);padding:8px}#display input{border:none;outline:none;text-align:right;font-size:24px}