/* css/buttonStyles.css */
  .menu-container {
      position: fixed;
      top: 10px;
      right: 10px;
    }

    .menu-button {
	padding: 5px;
	font-size: 16px;
	background-color: #FFFF00;
	color: #000000;
	border: none;
	cursor: pointer;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Courier New", Courier, monospace;
    }

    .menu-options {
	
      display: none;
      position: absolute;
      top: 100%;
      right: 0;
      width: 200px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
      border-radius: 5px;
	  
    }

    .menu-option {
	padding: 10px;
	margin: 5px 0;
	text-decoration: none;
	color:#000000;
	background-color: #FFFF00; /* Black background */
	display: block;
	border-radius: 5px; /* Rounded corners */
	transition: background-color 0.3s ease, transform 0.3s ease;
    }

    .menu-option:hover {
	background-color: #000000; /* Darker background on hover */
	color:#FFFF00;
	transform: scale(1.15); /* Scale by 150% on hover */
    }