#screen{display:flex;overflow:hidden;flex-direction:column;box-shadow:inset 0 1px 20px 2px #000000cf,0 1px 20px 2px #110f03;font-family:monospace;background:#493f09e2;border-radius:8px;margin:10px 5px;padding:5px 10px;text-align:left;color:#fdffb8}#screen>div{white-space:nowrap}#screen>.top{height:20px;font-size:14px}#screen>.down{height:32px;font-size:20px}#title{display:flex;color:#fff1d9;align-items:center;font-family:monospace;justify-content:space-around}#title .name{font-size:26px;font-weight:bolder;text-shadow:2px 2px 2px #2e2300e9}#title .author{display:flex;align-items:end;flex-direction:column}#title .author .txt{color:#fff1d960}#title .author .by{color:#ffc175a1;letter-spacing:1px;word-spacing:1px;text-shadow:1px 1px 1px black}#board>.row{display:flex;justify-content:space-evenly}button.board-key{width:100%;margin:5px;height:40px;outline:none;font-size:18px;cursor:pointer;font-weight:900;color:#f4e5a9;border-radius:10px;transform:scale(1);-webkit-user-select:none;user-select:none;font-family:monospace;background:#302605bd;transition:all .1s ease;text-transform:uppercase;border:2px solid #5a5a2990;box-shadow:0 2px #ffdca515,0 1px 20px 2px #131004}button.board-key.anim{filter:brightness(1.5);transform:scale(.86);border-radius:15px}button.board-key.clr{color:#ffcba9;background:#371c06df}button.board-key.del{color:#ffb0fb;background:#2b0741df}button.board-key.eql{color:#a9ffdf;background:#173606df}#root{max-width:600px;text-align:center}div#calc{width:320px;padding:5px;border-radius:18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid #e0bd770f;width:clamp(290px,95vw,360px);box-shadow:0 0 10px 2px #201501}*{margin:0;padding:0;box-sizing:border-box}body{display:flex;height:100vh;height:100dvh;align-items:center;justify-content:center;background:linear-gradient(45deg,#2f0602,#594316)}