@font-face {
 font-family: Otsikkofontti;
 src: url("Marhey-VariableFont_wght.ttf");
}
@font-face {
    font-family: Leipis;
    src: url(Marhey-VariableFont_wght.ttf);
}
body {
    font-family: Leipis, serif;
    background-color: #3094ce;
    background-image: url("aot.jpg");
}
div {
 max-width: 800px;
 background-color: #6bc0f1;
 margin-left: auto;
 margin-right: auto;
 padding: 20px;
}
h1 {
 font-family: Otsikkofontti, sans-serif;
 color: #fbfdff;
 font-size: 280%;
 font-weight: normal;
}
a:link {
 color:#f5f4ff; 
 text-decoration: none;
}
a:visited {
 color: #8817d4;
}
a:hover{
 text-decoration: underline;
}
a:active {
 color: blue;
}