@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

* {
     margin: 0;
     padding: 0;
}
body {
     width: 100vw;
     height: 100vh;
     background-color: #F8F4EB;
}

.navbar ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
     overflow: hidden;
     border-top: 1px solid #35755b;
     background-color: #204534;
     font-family: Montserrat, sans-serif;
     font-size: 13px;
}
.navbar li {
     float: left;
}
.navbar li a, .dropbtn {
     display: inline-block;
     color: white;
     text-align: center;
     padding: 14px 16px;
     text-decoration: none;
     transition: 200ms;
}
.navbar li a:hover, .dropdown:hover .dropbtn {
     background-color: #35755b;
}

.navbar li.dropdown {
     display: inline-block;
}

.dropdown-content {
     display: none;
     position: absolute;
     background-color: #204534;
     min-width: 130px;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     z-index: 1;
     color: #fff;
}

.dropdown-content a {
     color: #fff;
     padding: 12px 16px;
     text-decoration: none;
     display: block;
     text-align: left;
}
.dropdown-content a:hover {background-color: #35755b;}
.dropdown:hover .dropdown-content {
     display: flex;
     flex-direction: column;
}

#logo {
     max-width: 200px;
}
#logo-background {
     width: 100vw;
     background-color: #204534;
     display: flex;
     text-align: center;
     justify-content: center;
}
#active {
     background-color: #35755b;
}