@import "https://fonts.googleapis.com/css2?family=Doto:wght@100..900&family=Jersey+10+Charted&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap";*{box-sizing:border-box;color:#fff;margin:0;padding:0}body{background:linear-gradient(135deg,#454545,#2c2c2c);justify-content:center;align-items:center;min-height:100dvh;display:flex;overflow-x:hidden}button{cursor:pointer;height:50px;transform:all .2s ease-in-out;background-color:#191919;border:2px solid #789;border-radius:48px;padding:10px;font-family:Source Code Pro,monospace;font-size:18px}button.special{color:#fff;background-color:#ff5722}button.special2{color:#fff;background-color:#4caf50}button:hover{scale:1.05}button:active{opacity:.8;scale:.95}.calculator{background:linear-gradient(135deg,azure,#fff0f5);border:8px solid #789;border-radius:28px;padding:20px;box-shadow:0 4px 8px #00000080}.calculator-display{color:#0f0;text-align:right;background-color:#191919;border:2px solid #789;border-radius:5px;width:373px;height:65px;padding:10px;font-family:Doto,monospace;font-size:36px}.calculator-buttons{grid-template-rows:repeat(5,60px);grid-template-columns:repeat(4,1fr);gap:10px;width:100%;margin-top:10px;display:grid}nav>ul{justify-content:space-around;align-items:center;width:100vw;list-style:none;display:flex;position:fixed;top:20px;left:0}nav>ul a{color:#fff;font-family:Doto,sans-serif;font-size:20px;text-decoration:none;transition:all .2s ease-in-out}nav>ul a:hover{color:#fff;background-color:#ff5722;scale:1.05}nav>ul a:active{opacity:.8;background-color:#4caf50;scale:.95}nav>ul a.active{color:#fff;border-bottom:2px solid #ff5722}div{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}div p{font-family:Source Code Pro,monospace;font-size:14px}a{color:#fff;font-weight:700;-webkit-text-decoration:underline #ff5722;text-decoration:underline #ff5722;transition:all .2s ease-in-out}a:hover{color:#fff;background-color:#ff5722;scale:1.05}a:active{opacity:.8;background-color:#4caf50;-webkit-text-decoration:underline #4caf50;text-decoration:underline #4caf50;scale:.95}.app{flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}h1{font-family:Doto,sans-serif}@media (width>=1200px){.app{scale:1.25}}@media (width<=500px){.app{scale:.75}}@media (width<=350px){.app{scale:.65}}