/* Tehdään html- ja body-elementeistä koko näytön korkuisia */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    background-color: #8B9F9D;
}

/* Flexbox hoitaa keskittämisen automaattisesti */
.keskitys-säiliö {
    display: flex;
    justify-content: center; /* Keskittää vaakasuunnassa */
    align-items: center;     /* Keskittää pystysuunnassa */
    height: 100%;            /* Täyttää koko näkymän korkeuden */
    width: 100%;             /* Täyttää koko näkymän leveyden */
    background-color:  #8B9F9D; /* Taustaväri (vapaaehtoinen) */
}

/* Tekstin tyylittely */
.keskitetty-teksti {
    font-family: sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #333;
    text-align: center;      /* Varmistaa monirivisen tekstin rivien keskityksen */
    padding: 20px;
}