@font-face {
    font-family: "iso teksti";
    src: url(ImperialScript-Regular.ttf);
}

body {
background-color: rgb(201, 84, 255);
margin: 0;
}

header {
background-color: rgb(226, 129, 255);
min-height: 150px;
}

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

header, nav, footer {
    padding: 10px;

}

nav {
background-color: rgb(142, 79, 161);
color: rgb(255, 255, 255);
padding: 10px;
text-align: center;
position: sticky;
top: 0;
}

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

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

.container {
background-color: rgb(226, 154, 255);
padding: 40px;
}

a:link{

}

a:visited {

}

main {

}

footer {
 background-color: rgb(200, 0, 255);
 color: rgb(255, 255, 255);
 text-align: center;
 padding: 30px;
}

main, footer {
    padding: 30px;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 25px;
    margin-top: 30px;
    margin-bottom: 0;
    scroll-margin-top: 50px;
}

h1, h2 {
font-family: "iso teksti";
}

.oikealla {
    float: right;
    margin-left: 20px;
}