@font-face {
    font-family: coiny;
    src: url(Coiny/Coiny-Regular.ttf);
}

@font-face {
    font-family: kablammo;
    src: url(Kablammo/Kablammo-Regular-VariableFont_MORF.ttf);
}

@font-face {
    font-family: beastly;
    src: url(Rubik_Beastly/RubikBeastly-Regular.ttf);
}

@font-face {
    font-family: burned;
    src: url(Rubik_Burned/RubikBurned-Regular.ttf);
}

body {text-align: center;
      background: url(taivas.jpg);
      font-size: 150px;
      background-size: cover;
      min-height: 100vh;
      margin: 10px;
      padding: 3px;
      box-sizing: border-box;
    }

    p {
        margin: 0;
        position: relative;
    }

.eka {font-family: coiny, serif;
      color: rgb(136, 81, 131);
      font-size: 200px;
      margin-top: 200px;
      margin-top: -15px;
    }

.toka {
    font-family: kablammo, serif;
    margin-top: -80px;
    font-size: 150px;
    color: rgb(192, 72, 166);
    letter-spacing: 50px;
}

.kolmas {
    font-family: beastly, serif;
    color: rgb(120, 83, 150);
    z-index: 10;
    margin-top: -80px;
    font-size: 180px;
    letter-spacing: 25px;
}

.neljas {
    font-family: burned, serif;
    color: rgb(150, 52, 163);
    text-shadow: 5px 10px 8px rgb(75, 11, 83);
    font-size: 170px;
    margin-top: -50px;
    z-index: 5;
    line-height: 0,5;
}

.toka {
    transform: rotate(-10deg);
}