@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
@font-face {
    font-family: "teksti";
    src: url(SourceSans3-VariableFont_wght.ttf);
}

body {  
    background-color: rgb(255, 209, 209);
    background-image: url(tausta_kirjat.jpg);
    font-family: teksti, serif;
    text-align: justify;
    hyphens: auto;
}

.container {
    max-width: 700px;
    margin: auto;
    background-color: #d4d3d3;
    padding: 20px 8%;
    border-radius: 20px;
}

h1, h2, h3 {
    hyphens: manual;
    text-align: left;
}

h1 {
    font-family: "Shadows Into Light", cursive;
    font-weight: 400;
    font-size: 40px;
    font-style: normal;
    color: rgb(44, 41, 41);
}

h2, h3 {
    color: #3a3737;
}

li{
    margin-bottom: 0.5em;
}

ul{
    padding-left: 1em;
}

p {
    margin-bottom: 0;
}

p + p {
    margin-top: 0;
    text-indent: 2em;
}