body{
    margin: 0;
}

h1{
    color:coral;
}

.container{
    
    width: 80%;
    margin: auto;
    max-width: 2000px;
    min-width: 500px;
}
nav ul{
    list-style-type: none;
    text-align: center;
    background-color: darkseagreen;
}
nav ul li{
    display:inline-block;
}

nav ul li a{
    display:inline-block;
    text-decoration: none;
    color:bisque;
    padding:10px;
}
nav ul li a:hover:not(.active) {
  background-color: #35db90;
}

nav ul li a.active {
  background-color: #535d59;
}




nav#flexdemo ul{
    display:flex;
    justify-content: center;
    list-style-type: none;
    background-color: rgb(207, 102, 214);
}
nav#flexdemo ul li{
    display:block;
}

nav#flexdemo ul li a{
    display:inline-block;
    text-decoration: none;
    color:rgb(240, 240, 217);
    padding:10px;
}
#flexdemo ul li a:hover:not(.active) {
  background-color: #d035db;
}

nav#flexdemo ul li a.active {
  background-color: #59535d;
}

.backcolor{
    background-color: cadetblue;
}

footer.backcolor{
    background-color: rgb(112, 46, 184);
}