/* Dropdown Button */
.dropbtn {
background-color: dodgerblue;
color: white;
padding: 3px 10px;
font-size: 23px;
font-family: Courier;
border-radius: 3px;
border: none;
min-width: 310px;
}
/* The container
- needed to position the dropdown content */
.dropdown {
position: relative;
display: block;
width:300;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
background-color: #161616;
min-width: 310px;
z-index: 1;
text-align: center;
position: absolute;
}
/* Links inside the dropdown */
.dropdown-content a {
font-size: 23px;
color: white;
text-decoration: none;
display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
background-color: white;
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: red;}
/* Dropdown Button */
.dropbtn2 {
background-color: #202020;
color: white;
padding: 3px 10px;
font-size: 20px;
font-family: Courier;
border-radius: 3px;
border: none;
min-width: 180px;
}
/* The container
- needed to position the dropdown content */
.dropdown2 {
position: relative;
display: block;
width: 150;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content2 {
display: none;
background-color: #161616;
min-width: 180px;
z-index: 1;
text-align: center;
padding: 10px 10px;
}
/* Links inside the dropdown */
.dropdown-content2 a {
font-size: 20px;
color: white;
text-decoration: none;
font-weight: normal;
display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content2 a:hover {
background-color: white;
color: black
}
/* Show the dropdown menu on hover */
.dropdown2:hover .dropdown-content2 {display: block;}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown2:hover .dropbtn2 {background-color: red;}