body {
	/*font-family: 'Source Sans Pro', sans-serif;*/
  font-family: 'Titillium Web', sans-serif;
	font-weight: 400;


}


/* html {
  background-image: url(zegarek_render.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
    min-height: 100%;
} */

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}




a {
	text-decoration: none;
	 transition: color 0.5s;
	color: #53BAB1;
}


a:hover {
 transition: color 0.5s;
}

.logo {
  	background-repeat: no-repeat;
  	background-position: center;

  	max-width: 600px;
  	height: 100px;
  	margin: 0 auto;
  	margin-top: 20%;
	animation: fadein 2s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}


.opis {
  	max-width: 600px;

  	margin: 0 auto;
/*  	text-transform: uppercase;*/
  	text-align: center;
  	font-size: 1.2em;

  		animation: fadein 2s;
	animation-delay: 1s;
	animation-fill-mode: forwards;
	opacity: 0;
  margin-bottom: 20px;
  

}

.kontakt_mail {
  	max-width: 600px;
  	margin: 0 auto;
    margin-top: 20px;
  	text-align: center;
  	font-size: 1.0em;
  	    font-weight: 400;

  	   	animation: fadein 2s;
	animation-delay: 1.0s;
	animation-fill-mode: forwards;
	opacity: 0;

}



.kontakt_mail a, .kontakt_mail a:hover{
    color: #53BAB1;	
}

.kontakt_phone {
  	max-width: 600px;
  	height: 100px;
  	margin: 0 auto;
  	text-align: center;
  	font-size: 1.2em;
    color: #00D2BE;
    font-weight: 400;

	animation: fadein 2s;
	animation-delay: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;

}



@media (prefers-color-scheme: dark) {
	body { background-color: #2a2d34 ; color: #ccc;}
  body { color: #fff;}
  /* html { background-image: url(zegarek_render_noc.jpg)} */
	.logo { background-image: url(TakeIt/get.studiokorala_logo_dark.svg);}
	.kontakt_mail a{color: #fff;}

}




@media (prefers-color-scheme: light) {
 	body { background-color: #fff ; color: #686868;}
    body { color: rgb(167, 167, 167);}
    /* html { background-image: url(zegarek_render_dzien.jpg);} */
	.logo {background-image: url(TakeIt/get.studiokorala_logo_light.svg); }
	.kontakt_mail a{color: rgb(0, 0, 0);}

}