.center{
	justify-content:center;
    align-items:center;
}

.container{
  display:flex;
}

.column{
  flex-direction:column;
}

nav a{
	flex:1;
	background-color:#519E8A;
	color:white;
	text-align:center;
	text-decoration:none;
	padding:15px;
}

nav div{
	flex:1;
	background-color:#519E8A;
	text-align:center;
}

nav div:hover{
	background-color:yellow;
	color:black;
}
nav div:hover button{
	background-color:yellow !important;
	font-style:Arial !important;
	color:black;
}

#left:hover{
	background-color:yellow;
	color:black;
}

#middle:hover{
	background-color:yellow;
	color:black;
}

#right:hover{
	background-color:yellow;
	color:black;
}

#righter:hover{
	background-color:yellow;
	color:black;
}

#main div{
	flex:1;
	background-color:#C5C9A4;
}

#banner{
	height:100px;
	background-color:#476A6F;
	color:white;
}

#footer{
	background-color:#519E8A;
	color:white;
	font-style:italic;
	font-size:16;
}

p{
	padding:10px;
}

h1{
	padding-top:10px;
}

/* Dropdown Button */
.dropbtn {
  background-color: #519E8A;
  color: white;
  padding: 16px;
  font-style:Times New Roman;
  font-size:14px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content button:hover{
	background-color:yellow;
	color:black; 
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #519E8A;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  color:white;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color:pink; color:black;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}