.kursor {
	width: 8px;
	height: 8px;
	position: absolute;
	z-index: 1;
    left: 32px;
	top: 99px;
	animation: blink 1s infinite;
}

@keyframes blink {
	0% { background-color: #6049ED; }
	50% { background-color: #A28FFF; }
	100% { background-color: #6049ED; }
}

.podpis {
	background-image: radial-gradient(circle at center, #ffffff, #000000);
	background-position: center;	
	padding: 20px;
	border-radius: 20px;
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	text-align: right;
	text-shadow: #ffffff 1px 2px 5px;
	color: #ffff00;
}

.kolo {
	border-radius: 50%;
}

.akapit {
  text-indent: 50px;
}

.ramka_zdjeca {
	padding: 20px;
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	border-radius: 20px;
	filter: sepia(100%);
	opacity: 0.6;
}

.ramka_zdjeca:hover {
	filter: none;
	opacity: 1;
}

.gazeta {
	padding: 10px;
	background-position: center;
	border-radius: 20px;
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

.system {
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 10000;
}

.modal iframe {
	border: none;
	border-radius: 10px;
	height: 90%;
	max-width: 90%;
	object-fit: contain;
}

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

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

.modal.zoom-in {
	display: flex;
	animation: zoomIn 0.5s forwards;
}

.modal.zoom-out {
	animation: zoomOut 0.5s forwards;
}