.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.login-image {
	background-image: url("\\public\\svg\\undraw_programmer_raqr.svg");
	background-position: center;
	background-size: auto;
	background-repeat: no-repeat;
}

.card-body-min-height {
	min-height: 20rem;
}

.card-img-as-bg {
	height: 8rem;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-clip: border-box;
	overflow: hidden;
}

.card-server-icon {
	transform: translateY(-40%);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.466);
}

.homepage-bg {
	width: 100vw;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.4;
	background-size: cover;
	background-image: url("/public/img/homepage.jpg");
}

#map {
	height: calc(100vh - 5rem);
	width: 100%;
	background-color: transparent;
}

.carousel-bg-img {
	min-height: 10rem;
	height: 30rem;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.hover-anim {
	transition: all 300ms;
}

.hover-anim:hover {
	transform: scale(1.02);
}

.postContent img {
	max-width: 100%;
	height: auto;
}