@font-face {
    font-family: "Oleo Script";
    src: url(Oleo_Script/OleoScript-Regular.ttf);
}
@font-face {
font-family: "Spectral";
src: url(Spectral/Spectral-Regular.ttf);
}
@font-face {
font-family: "DynaPuff";
src: url(DynaPuff/DynaPuff-VariableFont_wdth\,wght.ttf);
}
@font-face {
font-family: "AmaticSC";
src: url(AmaticSC-Regular.ttf);
}

body {
text-align: center;
font-size: 90px;
background-color: #bccfe1;
background-image: url(taustakuva.jpg);
background-size: 200px auto;
background-clip: text;
}
p {margin: 0}

.eka {
    font-family: "Oleo Script";
      color: #c5b8ff;
      margin-top: 200px;
}

.toka {
    font-family: "Spectral";
      color: #93e6b881;
      font-size: 150px;
      margin-top: -100px;
      transform: rotate(-10deg);
      letter-spacing: 15px;
}

.kolmas {
    font-family: "DynaPuff";
      color: #e693aa;
      font-size: 100px;
      margin-top: -50px;
      text-shadow: 5px 5px 0px #cc1111;
}
    
.neljas {
    font-family: "AmaticSC";
      color: #28337d;
      font-size: 100px;
      margin-top: -100px;
}

body {text-align: center;
      background: url(taustakuva.jpg);
      background-size: cover;}

.eka {font-family: (Fruktur/Fruktur-Regular.tff);
      color: #??????;
      font-size: ?px;
      margin-top: ?px;
      margin-bottom: -?px;}

.toka {letter-spacing: ?px;}

.kolmas {text-shadow: ?;}