@font-face {
    font-family: otsikko;
    src: url(Bungee/Bungee-Regular.ttf);
}
body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: black;
    color: #fff;
}
a:link {color:#ff0101;}
link:visited {color: #a00000;}
link:hover {color: #d10000;}
link:active {color: #ffffff;}

h1 {
    font-family: otsikko;
    text-align: center;
    text-shadow: 0 0 5px #d60000, 0 0 10px #b90101, 0 0 20px #b60404, 0 0 40px #800101, 0 0 80px #6b0101;
    animation: glow 1.5s infinite alternate;
}
h2, h3 {
    font-family: otsikko;
    text-shadow: 0 0 5px #d60000, 0 0 10px #b90101, 0 0 20px #b60404, 0 0 40px #800101, 0 0 80px #6b0101;
    animation: glow 1.5s infinite alternate;
}
.video {
    text-align: center
}
p {
    position: relative;
}
iframe, img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
iframe {
    max-width: 900px;
    max-height: 500px;
}
.kuva {
    max-width: 300px;
    align-items: center;
}
@keyframes glow {
    0% {
        text-shadow: 0 0 5px #d60000, 0 0 10px #b90101, 0 0 20px #b60404, 0 0 40px #800101, 0 0 80px #6b0101;
    }
    100% {
        text-shadow: 0 0 5px #d60000, 0 0 10px #b90101, 0 0 20px #b60404, 0 0 40px #800101, 0 0 80px #6b0101;
    }
}
.container {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    background-color: #180000;
}
img {
    max-width: 100%;
}
.kartta {
    width: 450px;
    height: auto;
}
.linkki {
    font-size: 20px;
}