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

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

body{
    background: #8ec29a;
    font-family: "leipis";
}

.container{
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

h1 {
    font-family: "otsikko";
    font-size: 60px;
    color: #0e8979;
}

h2 {
    font-family: "otsikko";
    font-size: 40px;
    color: #0e8979;
}

img {
    max-width: 100%;
}

.kartta {
    width: 400px;
    height: auto;
    box-shadow: 8px 8px 0px #00000073;
    border: 2px solid #000000;
}

a:link {color: rgb(42, 162, 167);}
a:visited {color: rgb(81, 111, 116);}
a:hover {text-decoration: none;}
a:active {color: rgb(10, 204, 211);}