/* Perustyylit */
body {
    font-family: Arial, sans-serif; /* Fontti */
    line-height: 1.6; /* Riviväli */
    margin: 0; /* Oletusmarginaali */
    padding: 0; /* Oletuspadding */
    background-color: #f6f1e7; /* Vaalean pergamentin sävy taustaväriksi */
}

header {
    background-color: #7E7B7A; /* harmaa */
    color: white; /* Tekstin väri, joka on hyvin näkyvissä harmaalla taustalla */
    padding: 10px; /* Lisää tilaa headerin ympärille */
    text-align: center; /* Keskitetty teksti */
}

nav ul {
    list-style-type: none; /* Poistaa luettelopisteet */
    padding: 0; /* Poistaa padding */
}

nav ul li {
    display: inline; /* Näyttää linkit vierekkäin */
    margin: 0 15px; /* Väli linkkien välillä */
}

nav a {
    text-decoration: underline; /* Linkeissä on alaviiva */
    color: inherit; /* Linkkien väri on oletusväri */
}

nav a:hover {
    text-decoration: none; /* Poistaa alaviivan hover-tilassa */
}

main {
    padding: 20px; /* Padding pääsisältöön */
}

table {
    width: 100%; /* Taulukon leveys */
    border-collapse: collapse; /* Yhdistää taulukon reunat */
}

th, td {
    padding: 10px; /* Padding soluissa */
    border: 1px solid #ccc; /* Raja soluissa */
}

footer {
    background-color: #4E5452; /* Panzergrau harmaa */
    color: white; /* Tekstin väri, joka on hyvin näkyvissä harmaalla taustalla */
    text-align: center; /* Keskittää footerin tekstin */
    padding: 10px; /* Lisää tilaa footerin ympärille */
}