body {
    background-color: #478966;
    margin: 0;
    padding: 0;
    width: 100%;
    background-image: url('billeder/plant1.png');
    background-repeat: no-repeat;
}

h1 {
    color: #B67B65;
    text-align: center;
    font-size: 300%;
}

h2 {
    color: #D09D7B;
    text-align: center;
    font-size: 200%;
}

h3 {
    color: #135e46;
}

p {
    color: #e5c0a0;
    font-size: 120%;
}

div{
    background-color: rgba(0, 0, 0, 0.49);
    float: left;
    width: 95%; /* of wrapper width */
    margin: 20px;
    margin-left: 20;
    text-align: left;
    border: 5px dotted #73a788;
    padding: 20px;
}

#top{
    background-color: rgb(255, 255, 255);
    border: none;
    padding: none;
    margin: 0 auto;
    width: 100%;
}

#middle{
    background-color: rgba(255, 255, 255, 0.863);
    border: none;
    display: flex;
    justify-content: center;
    margin-bottom: 70px;
}

li ul { 
    display: none;
}


ul { 
    list-style:none;
    margin: auto;
}

ul li { 
    display: inline;
    float: right;
}

ul li a { 
    background: #D09D7B; 
    margin: auto 5px;
    padding: 5px 50px;
    text-decoration: none; 
    color: white;
    margin-left: 1px; 
}

.table{
    display: table;
    margin: 0 auto;
}

img {
    border-radius: 100%;
}

#bot{
    position: absolute;
    right: 50px;
    bottom: -750px;
    border-radius: 0%;
}

h1 a{
    text-decoration: none;
    color: #B67B65;
}

h1 a:hover{
    color: #ec9d80;;
}