body{
    font-family: sans-serif;
    color: white;
    margin: 0;
    background-image: url('images/shrek.jpg');
    background-size: cover;
    background-attachment: fixed;
}

header{
    text-align: center;
}

nav{
    background-color: rgb(57, 143, 0);
}

nav ul{
    margin: 0;
    margin-left: 35px;
    padding: 0;
    list-style-type: none;
    display: inline-block;
}

nav ul li{
    display: inline-block;
}

nav ul li a{
    font-size: 18px;
    color: white;
    text-decoration: none;
    float: inline-start;
    padding: 20px;
}

nav ul li:hover{
    background-color: rgb(40, 172, 0);
    transition: 0.5s;
}

.guestbook{
    float: inline-end;
}

div.container{
    text-align: center;
    margin-top: 300px;
    margin-bottom: 220px;
}

footer{
    text-align: right;
    margin-right: 30px;
}