body {
	background: url("../images/background.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow-x: hidden;
	overflow-y: auto;
}

@media (max-width: 576px) {
	body {
		background: url("../images/background.jpg") no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		overflow-y: auto;
		overflow-x: hidden;
		min-height: 100vh;
	}
}

.row2 {
	position: relative;
	height: 25px;
	/* Satır yüksekliği */
	width: 95%;
	border: 1px solid #000;
	/* Sınırları göstermek için */
}

.heatmap-effect {
	background: linear-gradient(to right, blue, cyan, green, yellow, red, darkred);
	height: 100%;
}

.marker {
	position: absolute;
	height: 100%;
	width: 2px;
	/* İşaretçinin genişliği */
	background-color: black;
	/* İşaretçi rengi */
	border: solid 3px white;
	bottom: 0;
}

.haver-logo {
	width: 100px;
}

.bg-haver {
	height: 525px;
	width: 350px;
	display: flex;
	align-items: top;
}

@media (max-width: 350px) {
	.bg-haver {
		height: 450px;
		width: 300px;
		display: flex;
		align-items: top;
	}
}

.katilimci {
	background-color: #00005960;
	padding: 15px;
	border-radius: 20px;
}