/* szimpla css effekt */
.scroll-bar{
	height: 6px;
	position: fixed;
	top:0;
	z-index: 100000;
	width: 100%;
	background-color:#C6A542;
	scale: 0 1;
	transform-origin: left;
	animation: scroll-bar linear;
	animation-timeline: scroll();
}
@keyframes scroll-bar{
	to { scale: 1 1; } 	
}

@media (prefers-reduced-motion: no-preference){
	
	.anim > img,
	.anim{
		scale: .8;
		opacity: .2;
		animation: fade-in linear forwards;
		animation-timeline: view();
		animation-range: entry;
	}
	@keyframes fade-in{
		to { scale: 1; opacity: 1; };
	}
	
}