@font-face {
    font-family: Otsikko;
    src: url(fonts/VastShadow-Regular.ttf);
}


body {
    background-color: #cb3330;
    margin: 0px;
}
.container {
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    text-align: center;
    background-color: #f2d9a0;

}

img {
    border: 10px solid white;
    margin: 10px;
    box-shadow: 2px 2px 15px #7a0202;
}

img {
box-shadow: 2px 2px 15px #e6af94;
}

img:hover {
    box-shadow: 2px 2px 15px #a0603c;
}

h1 {
    color: #e9bc83;
    text-align: center;
    text-shadow: 2px 2px 15px #7a0202;
    font-size: 45px;
    font-family: Otsikko, sans-serif;
}

h2 {
    color: #af4024;
    font-size: 30px;
}

a:link {color: #da2653;}
a:visited {color: #8d460d;}
a:hover {text-decoration: none;}
a:active {color: #6055ff;}


.footer {
background-color: #7a0202;
color:#ffffff;
padding: 30px;
margin-top: 10px;
clear: both;
}