@font-face {
    font-family: leipis;
    src: url(Roboto_Slab/RobotoSlab-VariableFont_wght.ttf);
}

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

body {
    font-family: leipis, serif;
    background-color: #8685da;
}

h2 {
    font-size: 130%;
    font-weight: normal;
}


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

.palstat {
    columns: 2 100px;
    margin-top: 50px;
}

.palstat p {
    break-inside: avoid;
}

.palstat h2:first-child {
    margin-top: 0;
}

.palstat h2 {
    margin-top: 40px;
}

a:link {
  color: #5737e6;
}

a:visited {
  color: #9078ff;
}

a:hover {
  text-decoration: none;
}