body {
	background-color: #fe00b9;
	background: linear-gradient(to bottom, #ff62b7, #fe00b9);
	display: flex;
	flex-direction: column;
	align-items: center; /* Centers horizontally */
	justify-content: flex-start; /* Moves content up */
	min-height: 100vh; /* Full height of the viewport */
	margin: 0; /* Removes default margin */
	padding-top: 10vh; /* Adjust this value to control how high it appears */
}

.container-fluid {
	width: 100%; /* Ensures it takes full width */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

:root {
  --plyr-color-main: #f700b3;
}

.plyr
{
	width:100%;
	border-radius: 100px;
}

form .form-control
{
	background-color: #f5f5f5; /* Light grey background */
	border: 2px solid #f5f5f5; /* No border */
	padding: 0.75rem 1rem; /* Larger padding */
	font-size: 1.2rem; /* Slightly larger font size */
	border-radius: 0.25rem; /* Optional: Rounded corners */
}

/* Remove focus box-shadow and slightly darker background when focused */
form .form-control:focus
{
	box-shadow: none; /* Remove focus shadow */
	background-color: #f5f5f5; /* Light grey background */
	border: 2px solid #000000; /* No border */
}

.btn-pink
{
	background-color: #f700b3;
	border: 1px solid #f700b3;
	color: #ffffff;
}

.btn-pink:hover
{
	background-color: #000000;
	border: 1px solid #000000;
	color: #ffffff;
}

.btn-pink-always
{
	background-color: #f700b3;
	border: 1px solid #f700b3;
	color: #ffffff;
}

.btn-pink-always:hover
{
	background-color: #f700b3;
	border: 1px solid #f700b3;
	color: #ffffff;
}