@font-face {
    font-family: Leipis;
    src: url(fonts/Gluten/Gluten-VariableFont_slnt\,wght.ttf);
}

@font-face {
    font-family: Otsikkofontti;
    src: url(fonts/Science_Gothic/ScienceGothic-VariableFont_CTRS\,slnt\,wdth\,wght.ttf);
}

h1, h2, h3, h4, h6 {
    font-family: Otsikkofontti, sans-serif;
    font-weight: normal;
}

p, li {
    font-family: Leipis, sans-serif;
    font-weight: normal;
}

.container  {
    max-width: 800px;
    background-image: url(text-box-background.jpg);
    margin-left: auto;
    margin-right: auto;
}

.main {
    padding: 10px 50px;
}

.header {
    font-family: Otsikkofontti, sans-serif;
    font-weight: normal;
    color: #F89E0C;
    background-image: url(sunset.jpg);
    font-size: 500%;
    padding: 30px;
}

body {
    background-color: darkturquoise;
    background-image: url(background_sunset.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

h1 {
    color: #F89E0C;
    font-size: 300%;
}

.tekstivarimuutos {
    color: #D5C87A;
}