@font-face {
    font-family: teksti;
    src: url(Montserrat-VariableFont_wght.ttf);
}

@font-face {
    font-family: teksti;
    src: url(Montserrat-Italic-VariableFont_wght.ttf);
    font-style: italic;
}


.container {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

body {
    font-family: teksti, serif;
    background-color: cadetblue;
    background-image: url(taustakuva.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

header {
    background-color: rgb(27, 75, 77);
    color: rgb(201, 249, 255);
    padding: 1px;
}


main {
    background-color: rgba(47, 95, 97, 0.705);
    color: white;
    padding: 10px;
}

main a {
    color: rgb(255, 255, 255);
}

main a:hover {
    text-decoration: none;
    color: rgb(34, 224, 215);
}

footer {
    background-color: black;
    color: white;
    padding: 20px;
}