@font-face {
    font-family:otsikko ;
    src: url(Bree_Serif/BreeSerif-Regular.ttf);
}

@font-face {
    font-family:sivuotsikko;
    src: url(Rokkitt/Rokkitt-VariableFont_wght.ttf);
}

@font-face {
    font-family: teksti;
    src: url(Google_Sans/google.ttf)
    
}

body{font-family: teksti,serif; }

h1{font-family:otsikko ;
font-weight: normal;}



.kaikki{max-width: 900px;
margin-left: auto;
margin-right: auto;
background-color: aliceblue;
padding: 30px;}

.palsta{columns: 2 200px;}

h2{
    font-size:120% ;
    font-weight: normal;
    font-family: sivuotsikko;
    }
.palsta p{
    break-inside: avoid;
    /*tällä saa yhden ihmiset tiedot nippuun*/
}
.palsta h2:first-child{
    margin: top 0; ;
}

.palsta h2{break-after: avoid; /*tämä pitää otsikon ja sen jälkeiset tiedot yhdessä*/}


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