body {
	background: linear-gradient(to right, #267dfa, #17295c);
	color: white;
	font-family: Raleway, sans-serif;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100vh;
	margin: 0;
	position: relative;
	overflow: hidden;
}

body::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: url("https://oknoprime.fr/wp-content/uploads/2021/07/bg_pattern_blue.png")
		center right repeat-y;
	opacity: 0.5;
	z-index: 0;
}

.logo {
	margin-bottom: 50px;
	width: 300px;
	height: auto;
	z-index: 1;
}

.language-selection {
	text-align: center;
	margin-top: 50px;
}

.flag-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

.language-link {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	color: white;
	font-size: 16px;
	padding: 10px;
	transition: background-color 0.3s;
	z-index: 1; /* Upewnij się, że linki są nad innymi elementami */
}

.language-link img {
	width: 50px;
	height: auto;
	display: block;
}

.language-link span {
	margin-top: 10px; /* Dodaje odstęp między flagą a tekstem */
	font-size: 16px;
}

.language-link:hover {
	background-color: rgba(
		255,
		255,
		255,
		0.1
	); /* Delikatne tło przy najechaniu */
}

@media (max-width: 600px) {
	body::before {
		content: none; /* Ukrywa tło graficzne na urządzeniach mobilnych */
	}

	.logo {
		width: 200px; /* Dostosowuje rozmiar logo na urządzeniach mobilnych */
	}

	.language-link img {
		width: 40px;
	}

	.language-link span {
		font-size: 14px;
		margin-top: 8px; /* Dostosowuje odstęp między flagą a tekstem na mniejszych ekranach */
	}
}