* {
			box-sizing: border-box;
			margin: 0;
			padding: 0;
		}

		body {
			font-family: Arial, sans-serif;
			background-color: #f2f2f2;
			width: 100vw;
			height: 100vh;
		}

		.container {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			align-items: center;
			height: 100vh;
			justify-content: center;
			background-color: rgba(255, 255, 255, 0.4);
		}

		@media screen and (max-width: 768px) {
			.container {
				flex-direction: column;
			}
		}

		.video-bg {
			position: fixed;
			right: 0;
			bottom: 0;
			min-width: 100%;
			min-height: 100%;
			z-index: -1;
		}

		.content {
			flex: 1;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			height: 100%;
			padding: 20px;
		
		}

		.content img {
			width: 90%;
			max-width: 500px;
			margin-bottom: 20px;
			border-radius: 50%;
			margin-top: auto;
			cursor: pointer;
		}

		.content h1 {
			font-size: 36px;
			margin-bottom: 20px;
		}
		.content h1:hover
		{
			Color:rgb(71, 71, 71);
			scale: 1.1;
		}
		.content p {
			font-size: 18px;
			margin-bottom: 20px;
			text-align: center;
		}

		.content button {
			padding: 10px 20px;
			background-color: #fd478d;
			color: #fff;
			font-size: 18px;
			border: none;
			cursor: pointer;
			border-radius: 20px;

		}

		.content button:hover {
			background-color: #f731e6;scale: 1.1;
		}