/* CSS level 3 + SVG */
/* Validated 02 Feb 2022 */


 /* Dropdown Button */
.dropbtn {
	padding-right: 2em;
	font-size:     larger;
	border:        none;
	background:    none;
	padding-left:  16px;
	color:         #2463FF;
	}

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

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display:          none;
	position:         absolute;
	background-color: #EBE0C7;
	box-shadow:       0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:          1;
	text-align:       left;
	}

/* Links inside the dropdown */
.dropdown-content a {
	color:           black;
	padding:         12px 16px;
	text-decoration: none;
	display:         block;
	white-space:     nowrap;
	}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: goldenrod;
	color:            white;
	text-decoration:  none;
	}

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