.landing-page-container {
	width: 100vw;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;

	background: rgb(30,34,41);
	background: linear-gradient(0deg, rgba(30,34,41,1) 0%, rgba(26,36,55,1) 100%);
}

.landing-header-title {
	font: 'Nunito';
	font-size: 32px;
	color: #b8c5d6;
}

.landing-header-caption {
	font: 'Nunito';
	font-size: 16px;
	color: #b8c5d6;
	text-transform: none;
}

#login-button {
	border: 1px solid #000000; /* Black border */
	border-radius: 25px; /* Makes the button round */
	padding: 7px 20px; /* Adjust as needed */
	margin: 7px 10px;
	background: linear-gradient(90deg, rgba(89,178,200,1) 0%, rgba(137,102,169,1) 100%);
	color: #eee;
	font-family: 'Nunito';
	font-size: 16px;
	cursor: pointer;
	outline: none; /* Removes the outline */
	transition: all 0.3s; /* Smooth transition for button interaction */
}

#login-button:hover {
	background: linear-gradient(90deg, rgba(89,178,200,1) 0%, rgba(137,102,169,1) 100%);
}
  
#login-button:active {
	background: linear-gradient(90deg, rgba(89,178,200,1) 0%, rgba(137,102,169,1) 100%);
	transform: scale(0.95); /* Slightly shrinks the button */
}