@font-face {
    font-family: Bonbon;
    src: url(fontit/Bonbon/Bonbon-Regular.ttf);
}
@font-face {
    font-family: Flavours;
    src: url(fontit/Flavors/Flavors-Regular.ttf);
}
@font-face {
    font-family: Montez;
    src: url(fontit/Montez/Montez-Regular.ttf);
}
@font-face {
    font-family: Trade;
    src: url(fontit/Trade_Winds/TradeWinds-Regular.ttf);
}

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

    p {margin: 0;
    position: relative;}

.eka {font-family: Bonbon;
      color: #ffb922bb;
      font-size: 230px;
      margin-top: 80px;
      margin-bottom: -69px;
    }

.toka { font-family: Flavours;
    color: #bb3706;
    -webkit-text-stroke: 2px #8d2c05;
    font-size: 105px;
    letter-spacing: -5px;}

.kolmas { font-family: Montez;
    color: #D97904;
    font-size: 150px;
    margin-top: -30px;
    -webkit-text-stroke: 3px #834206;
    }

.neljas { font-family: Trade;
    color: #aa5006;
    font-size: 400px;
    -webkit-text-stroke: 4px rgb(97, 40, 7);
    margin-top: -200px;
}