@media (hover:none) and (pointer:coarse) {
	@media only screen and (max-width:50em) {
		#kezdolap1 #flex {
			flex-direction: column
		}
	}

	@media only screen and (min-width:50em) {
		#kezdolap1 #flex {
			flex-direction: row
		}

		#kezdolap1 #flex div {
			width: 100%
		}
	}
}

@media (hover:hover) and (pointer:fine) {
	#kezdolap1 #flex {
		flex-direction: row;
	}

	#kezdolap1 #flex div {
		width: 100%
	}
}

#kezdolap1 {
	background-color: #95c6ec;
	overflow: hidden
}

#kezdolap1 div {
	border-radius: 0.4em;
}

#kezdolap1 p {
	line-height: 1.2em;
	margin: 0
}

#kezdolap1 h2 {
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0
}

#kezdolap1 #flex {
	display: flex;
	overflow: auto;
	scrollbar-width: thin;
	scrollbar-color: dodgerblue deepskyblue;
}

#kezdolap1 #flex::-webkit-scrollbar {
	height: 1vw;
	width: 1vw;
}

#kezdolap1 #flex::-webkit-scrollbar-thumb {
	background-color: dodgerblue;
}

#kezdolap1 #flex::-webkit-scrollbar-track {
	background-color: deepskyblue;
}

#kezdolap1 #flex div {
	text-align: center;
}

#kezdolap1 .purpleborder {
	border: 1px solid #6B1DF3;
	padding: 0.5em;
}