@font-face {font-family: jedan; 
	src: url(/fontovi/PlayPretend.otf);
	font-display: swap;}
@font-face {font-family: dva; 
	src: url(/fontovi/sunspire.otf);
	font-display: swap;}	
:root {
	--naslovna-visina:80vh - 5rem;
	--narancasta:#E85222;
	}
html{scroll-behavior: smooth; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; scroll-padding-top:4rem; }
*, *:before, *:after {box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; scroll-padding-top:4rem;}
a:visited, a:hover, a:active, a:link{color:white}
article a:hover{color:#D3EF30 !important}
body{color:white; 
	font-family:Tahoma, sans-serif; 
	font-weight: bold; 
	background-image: url('/slike/background.webp');
	background-size: 13rem auto;}						
footer{ min-height:60vh; }			
h1{	font-family:jedan, sans-serif; WORD-BREAK:BREAK-WORD}	
h2{	font-family:dva, sans-serif; WORD-BREAK:BREAK-WORD}		
h3{font-family:Verdana, Geneva, Tahoma, sans-serif;}
.font-jedan{font-family:jedan, sans-serif}		
.font-dva{font-family:dva, sans-serif}
.cover{object-fit: cover; object-position: center;}
.contain{object-fit: contain; object-position: center;}
p{font-size: 125%; 
	line-height: 125%;}
.narancasta{color:#E85222}
.dupli-border{outline:.5rem solid white; border:.5rem solid var(--narancasta); box-shadow: 0 0 2rem 0rem black; background-color: white;}
	.dupli-border>div{border:.5rem solid white;}		
.outline{ outline-offset: 2rem;
	outline: .5rem solid rgb(0, 0, 0)}	
.text-shadow{text-shadow:0 0 1rem #5b1f0b;}
@media only screen and (min-width:577px) {
    .justify{text-align: justify;}	
}

.linija{content:''; display:block; width: 100%; height: calc( ( var(--naslovna-visina) ) * 0.064 );
		background-image: url('/slike/linija.webp'); background-repeat: repeat-x;
		background-size:auto 100%;}
.okomita-linija{display: flex; justify-content: center; height:1.5rem; width: 100%; overflow: hidden;}		
	.okomita-linija>div{display:block; width:25rem; height: calc( ( var(--naslovna-visina) ) * 0.064 );
		background-image: url('/slike/linija.webp'); background-repeat: repeat-x; background-size:auto 100%;
		background-position: -7%; transform: rotate(90deg); transform-origin:top;}		
.slajfna{background-image: url('/slike/slajfna.svg'); background-repeat:no-repeat; 
		background-size:auto 25vh; background-position:left 93%;}	
.reket{background-image: url('/slike/reket.webp'); background-repeat:no-repeat; 
		background-size:auto calc( ( var(--naslovna-visina) ) * 1.2 ); background-position:right;}			
.obris-poreca{background-image: url('/slike/obris-poreca.svg'); background-repeat:no-repeat; 
			background-size:auto 45vh; background-position:left;}	
@media (orientation: portrait) {.obris-poreca{background-size:90vw auto;}}	
.sjena-mrize{width: 100%; overflow: hidden; }
	.sjena-mrize>div{height:10rem; width: 200%; transform: skewX(20deg) translateX(-10%);
					background-image: url('/slike/sjena-mrize.svg'); background-size: 1.7rem auto;
					filter: blur(.15rem); opacity: .7;}
	.sjena-mrize>div:before{content:''; display:block; height:2rem; width:100%; 
							background-color: rgba(0, 0, 0, 0.9); margin-top: .25rem;
							filter: blur(.1rem); opacity: .7;}				
	.sjena-mrize:after{content:''; display:block; height:1.5rem; width:100%; 
						background-color: white; margin-top: .1rem;
						background: linear-gradient(180deg, rgb(133, 133, 133) 0%, rgb(190, 190, 190) 5%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 82%, rgb(197, 197, 197) 100%);}	
.loptica{width:calc( ( var(--naslovna-visina) ) * 0.11 ); filter: grayscale(15%); box-shadow:-.85rem -1.25rem .7rem rgba(0, 0, 0, 0.5);
	border-radius: 100%; }		
	
.uvodna-slika{height:60vh; object-fit:cover; overflow-x: hidden; width:100vw; display: block; object-position:center; 
			border-bottom:1rem solid white; box-shadow: 0 0 1rem black;}	
@media (orientation: portrait) {.uvodna-slika{height:55vh;}}				
.hue-rotate{filter:sepia(100%) hue-rotate(80deg);;}
.hue-rotate:nth-of-type(2){filter:sepia(100%) hue-rotate(150deg)}
.hue-rotate:nth-of-type(3){filter:sepia(100%) hue-rotate(240deg)}
.object-fit{object-fit: cover; color:darkslateblue}

ul {list-style: none; padding: 0;}
li {text-align: left }
li:before {content: "★"; margin-right:.3em; }

.krug{border-radius: 100%; background-color:#212529; height: .3em; width:.3em; display: block;}
.accordion-item{border:.5rem solid var(--narancasta) !important; outline:.5em solid white}