@font-face {
    font-family: otsikko;
    src: url(Fascinate/Fascinate-Regular.ttf);
}

@font-face {
    font-family: leipis;
    src: url(Glass_Antiqua/GlassAntiqua-Regular.ttf);
}

body {
    font-family: leipis, sans-serif;
    text-align: center;
    color: rgb(34, 34, 122);
    background-color: rgb(202, 214, 214);

}

header {
    font-family: otsikko, sans-serif;
    font-size: 50px;
    color: rgb(255, 245, 240);
    padding: 30px;
    text-shadow: 0 0 8px rgb(0, 0, 0);
    background-color: rgb(155, 35, 27);
}

img {
    box-shadow: 2px 2px 25px rgb(118, 167, 230);
}

.container {
max-width: 800px;
margin-left: auto;
margin-right: auto;
background-color: aliceblue;
padding: 30px;
padding-bottom: 70px;
}

.kuva {
    margin-top: 70px;
}

img:hover {
        box-shadow: 2px 2px 30px rgb(78, 113, 160);
}

a:link {
    color: rgb(97, 132, 230);
    text-decoration: none;
}
a:visited {
    color: rgb(119, 130, 167);
}

h2 {
    margin-bottom: -40px;
    margin-top: 70px;
}