@import"https://www.nerdfonts.com/assets/css/webfont.css";*{padding:0;margin:0;box-sizing:border-box}:root{--font-family: "Public Sans", san-serif;--linen: #fff1e8;--summer: #70cdde;--saiyan: #ffdc02;--mana: #ff5052;--white: white;--amber: #febf1d;--dawn: #f4ba25;--black-hole: #030201;--olive: #403f36;--nickel: #939491;--gecko: #a09a2f;--redstone: #db706c}body{height:100vh;background-color:var(--summer);font-family:var(--font-family);display:flex;flex-direction:column;justify-content:center;align-items:center}.main-container{width:700px;height:800px;padding:4rem;background-color:var(--linen);border:3px solid black;display:flex;flex-direction:column;justify-content:center;align-items:center}.main-container:hover{box-shadow:10px 10px #000;transition:.3s ease}a{color:#000;text-decoration:none}#container{display:flex;flex-direction:column;gap:2rem;margin:2rem;max-width:600px}.text:focus{outline:none}.text,#text-container{width:100%}#text-container{display:flex;flex-direction:column;gap:1rem}.text:hover{box-shadow:5px 5px #000}.text{background-color:var(--white);transition:.3s ease;transform:scale(1.02);height:50px;padding:2rem;font-size:2rem;border:2px solid black;font-family:var(--font-family)}.button{font-family:var(--font-family);width:100px;height:100px;font-weight:700;font-size:3rem;cursor:pointer;border:3px solid black;background-color:var(--white)}.button:hover{transition:.3s ease;transform:scale(1.02);box-shadow:5px 5px #000;background-color:var(--nickel)}.special:hover{background-color:var(--mana)}.special2:hover{background-color:var(--saiyan)}#utils-container,#buttons-container,#numbers-container{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}#backspace{grid-column:5/6}