body {
	background: url("../img/blob.svg") center / cover no-repeat;
	font-family: Inter, sans-serif;
}
h1,h2,h3,h4,h5,h6{
	font-family: "Days One", sans-serif;
}
#login-content {
	height: 100vh;
}
#mainNav {
	width: 100%;
	max-width: 800px;
	margin: 5px auto;
}
.text-brand {
	color: rgb(33, 255, 0);
}
.text-bg-brand{
	color: #000 !important;
    background-color: rgb(33, 255, 0) !important;
}

.nav-item .btn {
	margin: 0.3rem 0.5rem;
}
main {
	min-height: calc(100vh - 137px);
}
.container-sm {
	max-width: 800px;
}
.card-header{
	border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
}
.btn-icon {
	font-size: 1.2rem;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.form-control:focus {
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
	border-color: #9bb1fa;
	outline: 0;
	box-shadow: 0 0 0 0.15rem rgba(55, 99, 244, 0.25);
}
.form-group {
	padding: 0.25rem;
	border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
	border-radius: var(--bs-border-radius) !important;
	margin-bottom: 1rem !important;
}
.form-label {
	font-family: Inter, sans-serif;
	margin-left: 1rem;
	margin-bottom: 0;
	font-weight: 600;
}
/* SELECT2 */
.select2-container--bootstrap-5 .select2-selection {
	width: 100%;
	min-height: 45px;
	padding: 0.6rem 4.5rem 0.6rem 1.5rem;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.6;
	color: var(--bs-body-color);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: var(--bs-body-bg);
	background-image: var(--bs-form-select-bg-img),
		var(--bs-form-select-bg-icon, none);
	background-repeat: no-repeat;
	background-position: right 1.5rem center;
	background-size: 16px 12px;
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.select2-container--bootstrap-5 .select2-selection[aria-expanded="true"] {
	box-shadow: -4px 0 0 rgba(13, 110, 253, 0.25),
		4px 0px 0 0 rgba(13, 110, 253, 0.25), 0 -4px 0 0 rgba(13, 110, 253, 0.25) !important;
}
.select2-container--bootstrap-5
	.select2-dropdown
	.select2-search
	.select2-search__field {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.6;
	color: var(--bs-body-color);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: var(--bs-body-bg);
	background-image: var(--bs-form-select-bg-img),
		var(--bs-form-select-bg-icon, none);
	background-repeat: no-repeat;
	background-position: right 1.5rem center;
	background-size: 16px 12px;
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.select2-container--bootstrap-5 .select2-dropdown {
	z-index: 1056;
	overflow: hidden;
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
	border-radius: var(--bs-border-radius);
	box-shadow: 4px 0px 0px 0px rgba(55, 99, 244, 0.25),
		0px 4px 0px 0px rgba(55, 99, 244, 0.25),
		-4px 0px 0px 0px rgba(55, 99, 244, 0.25);
}
.select2-container--bootstrap-5
	.select2-dropdown
	.select2-search
	.select2-search__field:focus {
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
	border-color: #9bb1fa;
	outline: 0;
	box-shadow: 0 0 0 0.15rem rgba(55, 99, 244, 0.25);
}
@-webkit-keyframes puff-in-center {
	0% {
		-webkit-transform: scale(2);
		transform: scale(2);
		-webkit-filter: blur(4px);
		filter: blur(4px);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-filter: blur(0px);
		filter: blur(0px);
		opacity: 1;
	}
}
@keyframes puff-in-center {
	0% {
		-webkit-transform: scale(2);
		transform: scale(2);
		-webkit-filter: blur(4px);
		filter: blur(4px);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-filter: blur(0px);
		filter: blur(0px);
		opacity: 1;
	}
}
@-webkit-keyframes fade-out {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes fade-out {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.fade-out {
	-webkit-animation: fade-out 0.7s ease-out both;
	animation: fade-out 0.7s ease-out both;
}
.puff-in-center {
	-webkit-animation: puff-in-center 0.4s cubic-bezier(0.47, 0, 0.745, 0.715)
		both;
	animation: puff-in-center 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) both;
}
@media (min-width: 768px) {
	#navcol-1 {
		border-top: 0 !important;
	}
}