main {
    display: flex;
    flex-direction: column;
	gap: 1.7rem;
    width: 100%;
    margin: 0 auto;
}
	#istaknuti {
		display: flex;
		flex-direction: column;
		width: 100%;
		gap: 0.7rem;
	}
		.kartica {
			width: 100%;
			display: flex; align-self: flex-start;
			justify-content:center; align-items:center;
			overflow: hidden;
			padding:1vw;
			border:1px solid rgb(255,214,214);
			border-radius:24px;
			background: linear-gradient(to right, rgb(255,214,214), white);
			box-shadow: 0 7px 7px rgba(0,0,0,0.1);
			opacity: 0.3; /*tranzicija*/
			transition: transform 1s ease-out, opacity 1.7s ease-out;
		}
		.kartica:nth-child(odd) {
			transform: translate(-44vw, 7vw) rotate(1deg) scale(0.3);
		}
		.kartica:nth-child(even) {
			align-self: flex-end;
			background: linear-gradient(to left, rgb(255,214,214), white);
			transform: translate(44vw, 7vw) rotate(-1deg) scale(0.3);
		}
		.kartica:nth-child(even) .left-right-kartice {
			flex-direction: row-reverse;
		}
		.kartica.efekt_promjena {
			opacity: 1;
			transform: translateX(0);
		}
			.kartica a,	.kartica a:visited,	.kartica a:hover, .kartica a:active 
			{display:block; width:100%; color: inherit; text-decoration: none;}

				.left-right-kartice{width:100%; display:flex; overflow:hidden;}
					.tekst-kartice {
						flex:0 0 65%; 
						display:flex; flex-direction:column;
						text-align:center; justify-content:center;
					}
						.tekst-kartice div {padding:0.7vw; font-size:max(28px, 3vw);}
						.tekst-kartice p {padding:0.7vw; font-size:max(14px, 1vw);}
					
					.slika-kartice {
						flex: 0 0 35%; 
						display:flex; flex-direction:column; 
						justify-content:center; align-items:center; overflow:hidden;
					}
						.slika-kartice img {width: 35vw; padding:0.7vw; aspect-ratio: 1/1; object-fit: contain;}
						
@media (max-width: 670px) {
	.kartica {background: linear-gradient(to bottom, rgb(255,214,214), white);}
	.left-right-kartice {flex-direction: column;}
	.kartica:nth-child(even) .left-right-kartice {
			align-self: flex-start;
			flex-direction: column;
			background: linear-gradient(to bottom, rgb(255,214,214), white);
		}
	.kartica.efekt_promjena {
			background: linear-gradient(to bottom, rgb(255,214,214), white);
		}
	.slika-kartice {flex:0 0 49%;}
	.slika-kartice img {width: 100%; padding: 1.7vw;}
}