/* 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;}