body {
	background-color: #000000;
	overflow: hidden;
	color: white;
}

body.legacy {
	background-color: #10000D;
	background-image: url("krkvc.webp"); 
	background-repeat: no-repeat; 
	background-size: cover;
	background-position: center;	
	background-attachment: fixed; 
	background-blend-mode: overlay; 
	background-color: rgba(016, 000, 013, 0.93);
	overflow: hidden;
}



body, div, p, span, a {
	color: white;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}

#legacy-link  {
	margin-top: 3rem;
}
	
#legacy-link a {
	font-size: 0.8rem;
	color: #aad2e6;
}

#legacy-link a:hover {
	text-decoration: none;
}






   .container {
      position: relative;
      width: 970px;   /* šířka obrázku */
      height: 970px;  /* výška obrázku */
    }
	.container-2 {
      position: relative;
      width: 720px;   /* šířka obrázku */
      height: 720px;  /* výška obrázku */
    }
    .container img.base {
      display: block;
      width: 100%;
      height: auto;
    }
    .pupil {
      position: relative;
      width: 32px;    /* skutečná velikost vyříznuté zorničky */
      height: 32px;
      pointer-events: none;
      transition: top 0.05s, left 0.05s;
    }






img.img-krkvc {
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

img.img-krkvc:not(.img-krkvc-legacy) {
	margin-top: 5rem;
}


/*
@media only screen and (max-width: 1600px) {.container  {width: 800px;}}
@media only screen and (max-width: 1200px) {.container  {width: 600px;}}
@media only screen and (max-width: 1024px) {.container  {width: 500px;}} */

@media only screen and (max-width: 1600px) {.container  {zoom: calc(1.50*(1600/1920));}
@media only screen and (max-width: 1200px) {.container  {zoom: calc(1.45*(1200/1920)); .pupil {display: none;}}
@media only screen and (max-width: 1024px) {.container  {zoom: calc(1.40*(1024/1920));}
@media only screen and (max-width: 800px)  {.container  {zoom: calc(1.35*(0800/1920));}
@media only screen and (max-width: 640px)  {.container  {zoom: calc(1.30*(0640/1920));}
@media only screen and (max-width: 480px)  {.container  {zoom: calc(1.30*(0480/1920));}


@media only screen and (max-width: 500px) {
	body {
		background-color: rgba(016, 000, 013, 0.970);
		/*background-color: rgba(008, 000, 006, 0.970);*/
		/*padding-top: 5rem;*/
	}
	img.img-krkvc {
		margin-top: 5rem;
	}
}