h1{
font-family: 'Staatliches', cursive;
font-size: 4.0em;
text-align: center;
margin-bottom: 170px;
}

#page{
margin-left: 30px;
margin-right: 30px;
}

img{
display: block;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
width: 50%;
}

h2, h3{
font-family: 'IBM Plex Serif', serif;
}

h2{
font-size: 2.5em;
text-align: center;
margin-top: 100px;
}

h3{
font-size: 1.5em;
}

#introduction{
margin-bottom: 100px;
}

#jumpto{
 text-align: center;
 margin-bottom: -25px;


}

nav {
text-align: center;
}

nav ul {
margin: 15px;
padding: 15px;
display:inline-block;
list-style: none;
border-bottom: 5px solid rgb(204, 245, 170);
border-top: 5px solid rgb(204, 245, 170);
}

li, a{
color:black;
font-size: 1.1em;
}

p{
font-size: 1.2em;

}

h3, li{
color: rgb(51, 5, 32);
font-size: 1.3em;
}

h3{
 color: rgb(177, 48, 123);

}

p, ul{
font-family: Georgia, 'Times New Roman', Times, serif;
}

footer{
color: black;
text-align: center;
margin-top: 150px;
background-color: rgb(204, 245, 170);

}

#backtotop ul{
list-style: none;
font-family: 'IBM Plex Serif', serif;
text-align: center;
}

p footer{
font-size: 1.0em;
}