<style>
	  body {
		font-family: Arial, sans-serif;
		margin: 0;
		padding: 20px;
		display: flex;
		flex-direction: column;
		text-align: center;
		align-items: center;
		background-color: #0b3d0b; /* Dark green background */
		color: white; /* Optional: makes text easier to read */
	  }

	  .image-container img {
		max-width: 100%;
		width: 100%;
		height: auto;
		display: block;
		margin-bottom: 20px;
	  }

	  .floating-button {
		position: fixed;
		bottom: 20px;
		right: 20px;
		background-color: #28a745;
		color: white;
		text-decoration: none;
		border-radius: 50px;
		padding: 15px 20px;
		font-size: 16px;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
		transition: background-color 0.3s ease;
	  }

	  .floating-button:hover {
		background-color: #218838;
	  }
	  
	  @keyframes floatScroll {
		  0% { transform: translateY(0); }
		  50% { transform: translateY(-5px); }
		  100% { transform: translateY(0); }
		}

		.floating-button.scrolling {
		  animation: floatScroll 1s infinite ease-in-out;
		}

			/* Floating Bottom Menu */
	.bottom-menu {
		font-family: Arial, sans-serif;
		position: fixed;
		bottom: 20px;
		left: 50%;
		transform: translateX(-50%);
		display: flex;
		gap: 15px;
		z-index: 1000;
		flex-wrap: wrap;
		justify-content: center;
	}

	.bottom-menu a {
		text-decoration: none;
		padding: 12px 25px;
		background: rgba(0, 0, 0, 0.75);
		color: white;
		border-radius: 30px;
		transition: all 0.3s ease;
		backdrop-filter: blur(5px);
		box-shadow: 0 4px 10px rgba(0,0,0,0.3);
	}

	.bottom-menu a:hover {
		background: rgba(255, 255, 255, 0.2);
		transform: translateY(-2px);
	}

	@media (max-width: 600px) {
		.bottom-menu {
			bottom: 10px;
			width: 95%;
		}

		.bottom-menu a {
			flex: 1;
			text-align: center;
			font-size: 0.9em;
			padding: 10px 15px;
		}
	}
</style>