body {
	background-color: white;
	margin: 0;
	padding-top: 180px;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	text-align: center;
}

body::before {
	content: "";
	background-image: url("https://www.fzcj.pl/img/logoFZCJczarne.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	opacity: 1;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 150px;
	z-index: -1;
}

.kursy-wrapper {
	position: relative;
	display: inline-block;
	padding: 2em;
	background-color: rgba(255, 255, 255, 0);
	overflow: hidden;
	z-index: 1;
}

.kursy-wrapper::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("NBP_2_Raks_fzcj800x150-kj.png");
	background-repeat: no-repeat;
	background-position: center;
	/* background-size: cover; */
	background-size: 100% 40%;
	/* filter: blur(99px);*/
	transform: scale(0.5);
	opacity: 0.92;
	animation: zoomFade 5s ease-in-out forwards;
	z-index: -1;
}

@keyframes zoomFade {
	0% {
		transform: scale(0.3);
		filter: blur(20px);
		opacity: 0.99;
	}
	100% {
		transform: scale(0.8);
		filter: blur(0px);
		opacity: 0.3;
	}
}

.fade-in {
	animation: fadeInContent 5s ease-in-out forwards;
}

@keyframes fadeInContent {
	0% {
		opacity: 0;
		transform: scale(0.2);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

h1 {
	/* color: #333; */
	color: #004278;
}

label {
	display: inline-block;
	margin: 1em;
}

input[type="date"] {
	padding: 0.5em;
	font-size: 1em;
	border: 1px solid #004278;
	border-radius: 5px;
}

button {
	padding: 0.6em 1.2em;
	font-size: 1em;
	background-color: #0078d7;
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	margin-top: 1em;
}

button:hover {
	background-color: #03651e;
}

a.download-link {
	display: block;
	margin-top: 1.5em;
	color: #0078d7;
	font-weight: bold;
}




.btn-return_2 {
  display: inline-flex;
flex-direction: row;
  align-items: center;
  gap: 0.4em; /* odstęp między ikonami a tekstem */
  padding: 10px 30px; /* mniej szeroko niż 120px */
  background-color: #f2a9a9;
  color: white;
  text-decoration: none;
  border: none;
  border-radius: 6px;
  font-weight: bold;
  font-size: 1em;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.1s ease;
  margin-top: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  vertical-align: middle;
  user-select: none;
}

.btn-return_2:hover {
  background-color: darkred;
  color: rgb(245, 222, 165);
}

.btn-return_2:active {
  transform: scale(0.97);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.btn-return_2 .icon-left_2,
.btn-return_2 .icon-right_2 {
  width: 1.2em;
  height: 1.2em;
  fill: currentColor;
  flex-shrink: 0;
  vertical-align: middle;
}

/* Dodaj marginesy do ikon, żeby były po bokach tekstu */
.btn-return_2 .icon-right_2 {
  margin-left: 0.3em;
}

.btn-return_2 .icon-left_2 {
  margin-right: 0.3em;
}



  #print-footer {
    display: block !important;
    color: rgb(100, 100, 100, 0.8) !important;
  }