@font-face {
    font-family: "tässä";
    src: url(Coiny/Coiny-Regular.ttf);
}

@font-face {
    font-family: "hetkessä";
    src: url(Limelight/Limelight-Regular.ttf);
}

@font-face {
    font-family: "on";
    src: url(UnifrakturMaguntia/UnifrakturMaguntia-Regular.ttf);
}

@font-face {
    font-family: "kaikki";
    src: url(DancingScript-VariableFont_wght.ttf);
}

body {
    text-align: center;
    font-size: 90px;
    background-color: #63b9ff;
      background: url(kuumaatausta.jpg);
      background-size: cover;
    min-height: 100vh;
    margin: 0;
    padding: 1px;
    box-sizing: border-box;
    background-position: center;
    }

    p {
        margin: 0;
        position: relative;
    }

.eka {
    font-family: "tässä";
    text-align: center;
      font-size: 100px;
      margin-top: 50px;
      margin-bottom: -95px;
      color: #ffffff;
      z-index: 5;
      position: relative;
      text-shadow: 3px 5px 30px #a5a5a5e3,
                    3px 5px 20px #7a7a7ae3,
                   3px 5px 10px #414141e3;
    }

.toka {
    font-family: "hetkessä";
    text-align: center;
    color: hsla(0, 100%, 50%, 0.562);
      font-size: 150px;
      margin-top: 0px;
      margin-bottom: -80px;
      letter-spacing: 35px;
}

.kolmas {
    font-family: "on";
    text-align: center;
    color: #1411be;
    background: #529ee693;
    line-height: 0.5;
      width: 170px;
      margin-left: auto;
      margin-right: auto;
      font-size: 150px;
      margin-top: 40px;
      margin-bottom: 5px;
      z-index: 3;
      letter-spacing: -13px;
}

.neljas {
    font-family: "kaikki";
    text-align: center;
    color: #ffe44b;
      font-size: 150px;
       margin-top: -35px;
      margin-bottom: -90px;
}