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

@font-face {
    font-family: mylife;
    src: url(Akaya_Kanadaka/AkayaKanadaka-Regular.ttf);
}

@font-face {
    font-family: sleep;
    src: url(Potta_One/PottaOne-Regular.ttf);
}

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

@font-face {
    font-family: yuri;
    src: url(amorlate/amorlate.regular.ttf);
}

@font-face {
    font-family: repeat;
    src: url(Emblema_One/EmblemaOne-Regular.ttf);
}

.eka {
    margin-top: -10px;
font-family: mylife;
font-size: 100px;
color: #8d3a25;
}

.z {
    margin-top: -440px;
    margin-right: 500px;
    color: #84328b;
font-size: 160px;
}

.toka {
    margin-top: -190px;
font-family: sleep;
color: rgb(216, 132, 178);
-webkit-text-stroke: 6px;
-webkit-text-stroke-color: #84328b;
margin-left: 250px;
}

.kolmas {
    margin-top: -320px;
    margin-right: 440px;
font-family: eat;
-webkit-text-stroke: 6px;
-webkit-text-stroke-color: rgb(168, 26, 26);
color: #e77912;
font-size: 240px;
}

.tahti {
margin-top: -520px;
margin-left: 540px;
font-size: 180px;
margin-bottom: 250px;
color: rgb(255, 233, 135);
-webkit-text-stroke: 6px;
-webkit-text-stroke-color: #e77912;
}

.viides {
    font-size: px;
    margin-top: -20px;
font-family: repeat;
color: #db4d77;
-webkit-text-stroke: 6px;
-webkit-text-stroke-color: rgb(139, 41, 95);
line-height: 0.5px;
}

.neljas {
    margin-top: -350px;
font-family: yuri;
-webkit-text-stroke: 6px;
-webkit-text-stroke-color: white;
            font-size: 300px;
            text-align: center;
            text-transform: uppercase;
            color: transparent;
            -webkit-background-clip: text;
            background-clip: text;
            background-size: 400%;
            animation: move 5s ease infinite;
            background-image: linear-gradient( 68.7deg,  rgb(219, 60, 179) 13.2%, rgb(250, 137, 250) 29.8%, rgb(229, 109, 155) 48.9%, rgb(255, 68, 68) 68.2%, rgb(255, 87, 115) 86.4% );
        }



 .container{
            width: 100%;
            
            position: relative;
            display: flex;
            justify-content: center;
        }

         @keyframes move {
            0%,100%{
                background-position: 200% 0%;
            }

            50%{
                background-position: 0% 200%;
            }
        }