@font-face {
    font-family: audiowide;
    src: url(Audiowide/Audiowide-Regular.ttf);
}
@font-face {
    font-family: blackops;
    src: url(Black_Ops_One/BlackOpsOne-Regular.ttf);
}
@font-face {
    font-family: moomoo;
    src: url(Moo_Lah_Lah/MooLahLah-Regular.ttf);
}
@font-face {
    font-family: quest;
    src: url(Mystery_Quest/MysteryQuest-Regular.ttf);
}
@font-face {
    font-family: glitch;
    src: url(Rubik_Glitch/RubikGlitch-Regular.ttf);
}
body {
    text-align: center;
    background: url(tausta.jpg);
    background-color: rgb(0, 0, 0);
    background-size: cover;
    font-size: 150px;
    color: rgb(255, 255, 255);
    min-height: 100vh;
    margin: 0;
    padding: 1px;
    box-sizing: border-box;
}
p {
    position: relative;
    text-shadow: 0px 0px 20px 3px black;
}
.glitch {
    font-family: glitch;
    text-shadow: 3px 3px deeppink,
                -3px -3px cyan;
    color: whitesmoke;
    margin-top: 120px;
    z-index: 10;
    left: -110px;
}
.blackops {
    font-family: blackops;
    margin-top: -250px;
    font-size: 200px;
    color:dodgerblue;
    text-shadow: 0px 0px 10px dodgerblue,
                 0px 0px 15px dodgerblue;

    z-index: 8;
}
.moomoo {
    font-family: moomoo;
    margin-top: -340px;
    font-size: 170px;
    z-index: 9;
}
.quest {
    font-family: quest;
    margin-top: -230px;
    font-size: 70px;
    letter-spacing: 3px;
}
.audiowide {
    font-family: audiowide;
    color: deeppink;
    text-shadow: 0px 0px 10px deeppink,
                 0px 0px 15px deeppink;
    margin-top: -150px;
    font-size: 180px;
}
.erillainen {
    color: cyan;
    text-shadow: 0px 0px 5px deepskyblue;
    font-size: 200px;

}