@font-face {
    font-family: eka;
    src: url(RubikWetPaint-Regular.ttf);
}

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

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

@font-face {
    font-family: tekstii;
    src: url(Rubik_Iso/RubikIso-Regular.ttf);
}

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


p {
    margin: 0;
    position: relative
}

.eka {font-family: eka,sans-serif;
      color: #da19da;
      font-size: 100px;
      margin-top: -10px;
      }

.toka {
    font-family: teksti, sans-serif; 
    color: #ffffff;
    font-size: 150px;
margin-top: -30px;
letter-spacing: 50px;}

.kolmas {
    font-family: hieno, sans-serif;
    color: rgb(255, 253, 153);
    font-size: 110px;
    margin-top: -20px;
     

}

.neljas { 
    font-family: tekstii, sans-serif;
    color: #c1c7ff;
    font-size: 140px;
    margin-top: -30px;
    z-index: 5;
    line-height: 1;
    
}

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