@font-face {
    font-family: "TimerFont";
    src: url("timer-font.ttf") format("truetype");
}

body {
    background-color: #2c2c2c;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    font-family: "TimerFont", sans-serif;
}

.timer {
    color: white;
    font-size: 25em;
    text-align: center;
    font-variant-numeric: tabular-nums; /* Verwende tabellarische Zahlen */
    display: flex;
    letter-spacing: 0.1ch;
}

.timer > span {
    display: inline-block;
    width: 1ch; /* Jedes Zeichen nimmt eine festgelegte Breite ein */
}