body {
    background-color: rgb(255, 232, 232);
    margin: 0;
    font-family: Arial, sans-serif;
}

.wrapper {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

header {
background-color: rgb(110, 142, 170);
min-height: 150px;
}

.container {
    max-width: 600px;
    background-color: aliceblue;
    margin-left: auto;
    margin-right: auto;
    padding: 50px;
}

nav {
position: sticky;
top: 0;
    background-color: rgb(136, 97, 172);
    color: rgb(240, 224, 255);
}

nav a:link, nav a:visited {
color: inherit;
text-decoration: none;
}

a:link {
    color: rgb(140, 64, 212);
}

a:visited { 
    color: rgb(192, 126, 253);
}

header, nav {
    padding: 10px;
}

footer { 
    background-color: rgb(29, 29, 29);
    color: rgb(255, 255, 255);
    padding: 20px;
}

h1 { 
    font-size: 40px;
}

h2 {
 margin-top: 30;
 margin-bottom: 0;
 scroll-margin-top: 50px;

}

header img {
    float: left;
    margin-right: 15px;
}

.oikealla {
    float: right;
}

main {
    overflow: auto;
}