@font-face {
    font-family: Nabla;
    src: url(fontit/Nabla-Regular-VariableFont_EDPT\,EHLT.ttf);
}
@font-face {
    font-family: Honk;
    src: url(fontit/Honk-Regular-VariableFont_MORF\,SHLN.ttf);
}
@font-face {
    font-family: Eater;
    src: url(fontit/Eater-Regular.ttf);
}
@font-face {
    font-family: Kalnia;
    src: url(fontit/KalniaGlaze-VariableFont_wdth\,wght.ttf);
}

body {text-align: center;
      background: url(avaruus.jpg);
      font-size: 100px;
      background-size: cover;
      min-height: 100vh;
      margin: 0;
      padding: 1px;
      box-sizing: border-box;
    }
      
p {
    margin: 0;
    position: relative;

}

.eka {
    font-family: Nabla, serif;
    margin-top: 200px;
    color: rgb(255, 0, 21);
    font-size: 170px;
    margin-top: -20px;
}

.toka {font-family: Honk, serif;
    color: rgb(255, 153, 0);
    margin-top: -30px;
    font-size: 170px;
}

.kolmas {font-family: Eater, serif;
    color: rgb(255, 0, 242);
    z-index: 10;
    margin-top: -60px;
    font-size: 170;
    letter-spacing: 30px;
}

.neljas {
    font-family: Kalnia, serif;
    color: rgb(0, 255, 255);
    text-shadow: 10px 15px 8px #5d0777;
    font-size: 160px;
    margin-top: 30;
    z-index: 5;
    line-height: 0.5;
    

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