nav ul {
  list-style-type: none;
  margin-right:25%;
  margin-left:30%;
  padding: 0;
  overflow: hidden;
 }

ul li{
  float: left;
}

ul li a, .dropbtn {
  padding:10px 10px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  color:maroon;
  border: none;
}

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

.dropdown-content{
  display:none;
  position:relative;
  width: fit-content;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  background: rgba(122, 82, 122, 0.3);
}

.dropdown-content a{
  color: crimson;
  width: 100%;
  overflow: auto;
  text-decoration: none;
  text-align:left;
  display:block;
}

.dropdown:hover .dropdown-content{
  display:block;
}

.dropdown-content a:hover{
  color:darkmagenta;
}
 
 .dropdown-content a:visited{
   color:crimson ; 
 }
 

 .container{
  display: grid;
  padding: 10px;
  justify-content: center;

 }
 .container div{
  padding: 10px;
  text-align: center;
 }