<style> body { margin:0; } a { text-decoration:none; color:white; } header { background-color: #7f1a1a; color:black; padding: 25px 0 50px 0; } header h1 { padding: 25px; font-family: cursive; font-size: 50px; font-style: normal; font-variant: normal; font-weight: 500; line-height: 44px; }
/* Style The Dropdown Button */
.dropbtn {
background-color: #006400; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer;
}
/* The container.dropdown {
position: relative; display: inline-block; float:left;
}
/* Dropdown Content (Hidden by Default) */ .dropdown-content {
display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
/* Links inside the dropdown */ .dropdown-content a {
color: black; padding: 12px 16px; text-decoration: none; display: block;
}
/* Change color of dropdown links on hover */ .dropdown-content a:hover {background-color: #f1f1f1}
/* 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;
}
</style>