@import url(https://fonts.bunny.net/css?family=roboto:300,400,500,700);

body {
	font-family: 'Roboto', sans-serif;
	background-color: #121212;
}

body * {
	color: #fff;
}

.body-bg {
	background-image: url(../img/bgs/bg-auth.jpg);
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.1;
	filter: blur(2px);
}

.form-control.invalid {
	border: 1px solid rgba(var(--bs-danger-rgb));
}

.login-card {
	width: 480px;
	max-width: 100%;
}

.logo-primary {
	width: 100px;
	max-width: 100%;
}

.form-control {
	border: 1px solid #3C3C3C;
	background-color: #121212 !important;
	color: #fff !important;
}

.form-control:focus {
	box-shadow: none;
}

.form-control::placeholder {
	color: #fff;
	opacity: 0.4;
}