.area-button {
	width: 20vw;
	height: 20vw;
	border-radius: 50%;
	background-size: cover;
}

.area-title {
	position: relative;
	display: inline-box;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1vw;
	text-align: center;
	color: white;
	padding-top: 25px;
}

.area-button-container {
	transform: translate(0%, -25%);
	cursor: pointer;
}

#entrance-area-button {
	background-image: url("../images/renders/entrance/entrance-image-good.jpg");
}

#stairs-area-button {
	background-image:
	url("../images/renders/stairs/stairs-image-good.jpg");
}

#flat-area-button {
	background-image: url("../images/renders/flat/global-flat-image.jpg");
}


#area-buttons-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 80px;
  align-items: center;
  height: calc(100% + 100px);
}