body {
    opacity: 0;
    transition: opacity 1s ease-in-out;
    padding-left: 15em; /*tekee vasemmalle tyhjää tilaa*/
    padding-right: 15em; /*tekee oikealle tyhjää tilaa*/
    font-family: Arial, Helvetica, sans-serif; /*määrittää fontin*/
    color: white; /*määrittää fontin värin valkoiseksi*/
    background-color: #2f2f31 /*määrittää taustan värin tummaksi*/
}

ul.navbar {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 2em;
    left: 1em;
    width: 12em
} /*siirtää sisällysluettelo navbariksi vasempaan yläkulmaan*/

h1 {
    font-family: Arial, Helvetica, sans-serif
} /*muuttaa pääotsikon fontin listan ensimmäiseksi käytössä olevaksi fontiksi*/

img {
    float: right;
    padding-left: 1em;
} /*siirtää kuvan sivun oikealle puolelle*/

ul.navbar li {
    background: white; /*määrittää navbarin taustavärin valkoiseksi*/
    margin: 0.5 0;
    padding: 0.3em;
    border-right: 1em solid black /*määrittää navbarin taustan oikean reunan mustaksi*/
}

ul.navbar a {
    text-decoration: none /*poistaa korostukset navbarin linkeistä*/
}

a:link {
    color: blue /*muäärittää linkkien värin siniseksi*/
}

a:visited {
    color:purple /*määrittää vierailtujen linkkien värin purppuraksi*/
}

a:hover {
    background: yellow; /*määrittää linkeille keltaisen taustavärin kun hiiri on niitten päällä*/
}