@font-face {
    font-family: eka;
    src: url(fontit/Eater/Eater-Regular.ttf);
}

@font-face {
    font-family:toinen;
    src: url(fontit/Crimson_Text/CrimsonText-Regular.ttf);
}


@font-face {
    font-family:kolmas;
    src: url(fontit/Diplomata/Diplomata-Regular.ttf);
    
}

@font-face {
    font-family:neljas;
    src: url(fontit/Rock_Salt/RockSalt-Regular.ttf);
}

body {text-align: center;
    background-color: darkred;
    background-size: cover;
    background:url(tausta.jpg);
    min-height: 100vh;    /*Vähintää ikkunan korkuinen*/
    margin: 0;   /*jotta ei jää skrollatttava*/
    padding: 1px; /*jotta ei jää skrollatttava*/
    box-sizing: border-box; /*jotta ei jää skrollatttava*/

}

.eka {font-family:eka;
      color: crimson;
      font-size:120px;
      margin-top: 10px;
      margin-bottom: -5px;
    background-size: 100px auto;}

.toka {letter-spacing: 20px;
    color: darkred;
font-size: 100px;
margin-top: 10px;
margin-bottom: -5px;
font-family: kolmas;
    transform: rotate(-20deg);
}

.kolmas {text-shadow: 2px 5px 10px #ffb700; 
color: rgb(255, 0, 0);
font-size:130px;
margin-top: 10px;
margin-bottom: -5px;
font-family: kolmas;}

.neljas {
    color: rgba(255, 255, 255, 0.437);
font-size: 160px;
margin-top: 10px;
margin-bottom: -5px;
font-family:neljas;

}

.laatikko{max-width: 900px;
margin-left: auto;
margin-right: auto;
background: url(po.png);
background-size: cover;
background-position: center;
}


p{margin: 0;
position: relative;}

.erilainen{

}

img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}

img {
   max-width: 100%;
   height: auto;
}