.logo {
 height: 3rem;
 width: auto;
}

.keypadButton {
 --background: none;
 --color: black;
 font-size: 1rem;
 font-weight: 700;
 --outline: none;
 border: #255bbe 1px solid;
 --box-shadow: none;
 padding: none;
 margin: none;
 --background-hover: rgb(245, 245, 245);
 --background-focused: rgb(245, 245, 245);
 --background-activated: rgb(245, 245, 245);
}

.smallKeypadButton {
 font-size: 0.5rem;
 margin-top: 0.3rem;
}

.keypad {
 bottom: 0;
 position: absolute;
 width: 100%;
}
@media (prefers-color-scheme: dark) {
 .keypadButton {
  --background: #333;
  --color: #fff;
 }
}