/* Dropdown button styling */
			.dropdown {
				position: relative;
				display: inline-block;
				margin-bottom: 20px;
			}

			.dropbtn {
				background-color: darkgreen;
				color: white;
				padding: 10px;
				font-size: 16px;
				border: none;
				cursor: pointer;
				display: flex;
				align-items: center;
				gap: 10px;
			}

			.dropbtn::after {
				content: "▼"; /* Arrow down symbol */
				font-size: 14px;
				color: white;
			}

			/* Dropdown content (hidden by default) */
			.dropdown-content {
				display: none;
				position: absolute;
				background-color: #f9f9f9;
				min-width: 200px;
				box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
				z-index: 1;
				padding: 10px;
			}

			/* Show the dropdown menu when the button is clicked */
			.dropdown.active .dropdown-content {
				display: block;
			}

			/* Personal info styling */
			.personal-info {
				display: flex;
				align-items: center;
				gap: 20px;}





				/* General table styling */
			table {
				
				border-collapse: collapse; /* Removes space between cells */
				margin-bottom: 10px;
			}

			/* Table header styling */
			th {
				background-color: darkorchid; /* darkorchid background */
				color: white; /* White text */
				padding: 10px;
				text-align: left;
				width: 100%;
				
			}

			/* Table cell styling */
			td {
				padding: 10px;
				border: 1px solid greenyellow; /* greenyellow border */
				
			}

			/* Alternate row colors for better readability */
			tr:nth-child(even) {
				background-color: plum; /* plum for even rows */
			}

			tr:nth-child(odd) {
				background-color: pink; /* pink for odd rows */
			}

			/* Hover effect on rows */
			tr:hover {
				background-color: #885a7c; /* darker pink on hover */
			}

			/* Link styling inside tables */
			a {
				color: rgb(17, 169, 169); /* Green links */
				text-decoration: none; /* Remove underline */
			}

			a:hover {
				text-decoration: underline; /* Underline on hover */
			}