body {
    padding-left: 11em; 
    font-family: 'Courier New'
    color: black;
    background-color: bisque;
    
}

/* Tämä rivi tässä ylhäällä sisentää ja muuttaa fontin ns. perhettä, taustakuvan väriä ja fontin väriä. */

ul.navbar {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 2em;
    left: 1em;
    width: 9em;
}

/* Tämä koodi tässä siirtää "navbar" nimisen kohdan koko sivun sivulle, ja samalla sisentää tekstiä/kuvia hieman enemmän. */

h1 {
font-family: 'Courier New';
}


/* Tämä koodi muuttaa h1-termillä olevan otsikon eri fontiksi.*/

ul.navbar li {
    background: rgb(255, 246, 230);
    margin: 0.8em 0;
    padding: 0.2em;
    border-right: solid black;
}

/* Tämä muuttaa navbarin eriväriseksi, ja saa sen erottumaan sivustosta paremmin. */'

ul.navbar a{
    text-decoration: none;}
a:link {
    color:blue }
a:visited {
    color:purple }
a:link {
    background: rgb(255, 246, 230);
}

/* Tämä muuttaa kaikki linkit eriväriseksi jos niitä on painettu, tai ei olla painettu ja muuttaa niitten "taustakuvaa" */

p {
    font-family: 'Courier New', Courier, monospace;
}

h2 {
    font-family: 'Courier New', Courier, monospace;
}

a {
    font-family: 'Courier New', Courier, monospace;
}