@font-face {
    font-family: "Uncial Antiqua";
    src: url(Uncial_Antiqua/UncialAntiqua-Regular.ttf);
}
@font-face {
    font-family: "Gravitas One";
    src: url(Gravitas_One/GravitasOne-Regular.ttf);
}
@font-face {
    font-family: "Fleur De Leah";
    src: url(Fleur_De_Leah/FleurDeLeah-Regular.ttf);
}
@font-face {
    font-family: Delius;
    src: url(Delius/Delius-Regular.ttf);
}
body {text-align: center;
      background: url(taustakuva.jpg);
      background-size: cover;
      min-height: 100vh; /* Vähintään ikkunan kokoinen */
      margin: 0;         /* Jotta ei jää skrollattavaa */
      padding: 1px;      /* Jotta ei jää skrollattavaa */
      box-sizing: border-box; /* Jotta ei jää skrollattavaa */
}

p {margin: 0;
position: relative;
}


.eka {font-family: "Uncial Antiqua";
      color: #ffa3b5;
      text-shadow: 5px 5px 0px #9e5f6d;
      font-size: 150px;
      margin-top: 210px;
      margin-bottom: -50px;}

.toka {font-family: "Gravitas One";
    color: #ffb26a;
      font-size: 180px;
      margin-top: -90px;
      margin-bottom: -45px;
      letter-spacing: 5px;
      transform: rotate(-5deg);
     /* Kuva tekstin sisällä*/
      color: transparent;
      background-image: url(aurinko.jpg);
      background-size: 200px auto;
      background-clip: text;}

.kolmas {font-family: "Fleur De Leah";
      color: #f1b0e3;
      text-shadow: 3px 3px 0px #a35191;
      font-size: 230px;
      margin-top: 30px;
      margin-bottom: -30px;
      text-shadow: 5px;}

.neljas {font-family: Delius;
      color: #f8cd0b;
      text-shadow: 3px 3px 0px #91780b;
      font-size: 170px;
      margin-top: -150px;
      margin-bottom: -60px;
      letter-spacing: -10px;
      transform: rotate(10deg);}