/* Dropdown Button */

.dropmenu {
	
  border: none;
  
	background-color: black;
	color: lightgoldenrodyellow;
	text-shadow: 1px 1px 5px orange,1px -1px 5px orange,-1px 1px 5px orange,-1px -1px 5px orange;
  
}

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

/* Dropdown Content (Hidden by Default) */
.dropdowncontents {
  display: none;
  position: absolute;
  z-index: 1;
  

}

/* Links inside the dropdown */
.dropdowncontents a {
  
  display: block;
}

/* Change color of dropdown links on hover */
.dropdowncontents a:hover {
	text-decoration: underline;
	
	background-color: black;
	color: white;
	text-shadow: 1px 1px 5px grey,1px -1px 5px grey,-1px 1px 5px grey,-1px -1px 5px grey;
}

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

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdownmenu:hover .dropmenu {background-color: black;}