@font-face {
    font-family: kablammo;
    src: url(fontit/Kablammo/Kablammo-Regular-VariableFont_MORF.ttf);
}
@font-face {
    font-family: inspiration;
    src: url(fontit/Inspiration/Inspiration-Regular.ttf);
}
@font-face {
    font-family: kumar;
    src: url(fontit/Kumar_One_Outline/KumarOneOutline-Regular.ttf);
}
@font-face {
    font-family: monoton;
    src: url(fontit/Monoton/Monoton-Regular.ttf);
}

body {
    background-image: url(taustakuva.jpg);
    background-size: cover;
    min-height: 100vh;
    margin: 0;
    padding: 1px;
    box-sizing: border-box;
    text-align: center;
    font-size: 150px;
}
p {
    margin: 0;
    position: relative;
}
.eka {
    font-family: kablammo;
    color: hsl(315, 100%, 50%);
    text-shadow: 6px 6px 0px#470036;
    margin-bottom: -80px;
    left: -50px;
}
.toka {
    font-family: inspiration;
    color: rgb(140, 39, 255);
    text-shadow: 2px 2px 15px#8c27ff;
    margin-bottom: -135px;
    font-size: 200px;
    letter-spacing: 30px;
    z-index: 10;
    left: 50px;
}
.kolmas {
    font-family: kumar;
    color: rgb(81, 255, 0);
    text-shadow: -6px -6px 0px#ff00bf;
}
.neljas {
    font-family: monoton;
    color: hsl(239, 100%, 50%);
    transform: rotate(-15deg);
    -webkit-text-stroke: 2px hsl(56, 100%, 50%);
    margin-bottom: -50px;
}