/* 
Autorem kodu jest Paweł Kędra.
Kutno.
Strona WWW:  http://blum.ct8.pl

 */

body
{       text-align: center;
        width: 100%;
        height: 100%;
	font-family:"Segoe Print", "Comic Sans MS", "Monotype Corsiva", Nyala, "Segoe Script", LKLUG, Purisa, "Times New Roman", Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color:white;
	background: #E34234;
        text-shadow: 5px 5px 5px black;
overflow-y: hidden;
}


#kolo1{z-index: 3;
position:fixed;
        top:2%;
        left:5%;
width:30%; 
	height:auto;
transform:perspective(300px);
animation:obrocKolo1 5s linear 1;
transform-origin: center;
animation-delay:5s;
}
@keyframes obrocKolo1
{
  0% { transform:rotateY(0); }
  100% { transform:rotateY(-360deg); }
}

#kolo1 img{width:50%; 
	height:auto;
animation:30s 1 pokazKolo1;
}
@keyframes  pokazKolo1
{
0%  {opacity: 0;}
10%  {opacity: 1;}
100%  {opacity: 1;} 
}

#kolo1 img:hover{width:51%; 
	height:auto;
transition-duration:1s;
}



#kolo2{z-index: 3;
position:fixed;
        top:2%;
        left:35%;
width:30%; 
	height:auto;
transform:perspective(300px);
animation:obrocKolo2 5s linear 1;
transform-origin: center;
animation-delay:10s;
}

@keyframes obrocKolo2
{
  0% { transform:rotateY(0); }
  100% { transform:rotateY(-360deg); }
}

#kolo2 img{width:50%; 
	height:auto;
animation:30s 1 pokazKolo2;
}
@keyframes  pokazKolo2
{
0%  {opacity: 0;}
5%  {opacity: 0;}
20%  {opacity: 1;}
100%  {opacity: 1;} 
}

#kolo2 img:hover{width:51%; 
	height:auto;
transition-duration:1s;

}

#kolo3{z-index: 3;
position:fixed;
        top:2%;
        right:5%;
width:30%; 
	height:auto;
transform:perspective(300px);
animation:obrocKolo3 5s linear 1;
transform-origin: center;
animation-delay:15s;
}



@keyframes  pokazKolo3
{
0%  {opacity: 0;}
10%  {opacity: 0;}
30%  {opacity: 1;}
100%  {opacity: 1;} 
}

@keyframes obrocKolo3
{
  0% { transform:rotateY(0); }
  100% { transform:rotateY(-360deg); }
}

#kolo3 img{width:50%; 
	height:auto;
animation:30s 1 pokazKolo3;
}

#kolo3 img:hover{width:51%; 
	height:auto;
transition-duration:1s;

}
p
{
text-align: left;
margin: 10px 20px 20px 20px;
}
#losowy_obraz img{width:60%; height:auto; margin-top:12%; box-shadow: black 0.5em 0.5em 0.3em; border-radius: 50%;
}


/* autor: Paweł Kędra  */

a{
text-decoration:none;
    color: #FFC125 ;
font-weight:bold;
}

a:hover{
text-decoration:none;
     color: #FA8072;
font-weight:bold;
}


#warstwa1{
z-index: 2;
font-size: 16px; 
       position:absolute;
        top:1%;
        left:1%;
width:98%; 
	height: 500px;
background-color: #36454F;
padding-bottom:200px;
box-shadow: black 0.1em 0.0em 0.0em;
}
#warstwa2{
z-index: 1;
font-size: 16px; 
       position:absolute;
        bottom:2%;
        left:1%;
width:98%; 
	height: 500px;
background-color: #36454F;
padding-bottom:200px;

box-shadow: black 0.1em 0.5em 0.5em;
}


@media all and (max-width:1441px) {
body
{       text-align: center;
        width: 100%;
        height: 100%;
	font-family:"Segoe Print", "Comic Sans MS", "Monotype Corsiva", Nyala, "Segoe Script", LKLUG, Purisa, "Times New Roman", Arial, Verdana, Helvetica, sans-serif;
	font-size: 30px;
	color:white;
	background:#E34234;
        text-shadow: 0 2px 3px black;

}
#losowy_obraz img{width:60%; height:auto; margin-top:15%; box-shadow: black 0.5em 0.5em 0.3em; border-radius: 50%;
}

#Strona{
font-size: 16px; 
       position:absolute;
        top:1%;
        left:1%;

}


}


@media all and (orientation:portrait){
body
{       text-align: center;
        width: 100%;
        height: 100%;
	font-family:"Segoe Print", "Comic Sans MS", "Monotype Corsiva", Nyala, "Segoe Script", LKLUG, Purisa, "Times New Roman", Arial, Verdana, Helvetica, sans-serif;
	font-size: 50px;
	color:white;
	background:#E34234;
        text-shadow: 0 2px 3px black;

}


#warstwa1{z-index: 1;
font-size: 16px; 
       position:absolute;
        top:0%;
        left:0%;
width:100%; 
	height:auto;
background-color: #36454F;
padding-bottom:200px;

box-shadow: black 0.5em 0.5em 0.5em;
}
#warstwa2{z-index: 2;
font-size: 16px; 
       position:absolute;
        top:0%;
        left:0%;
width:100%; 
	height:auto;
background-color: #36454F;
padding-bottom:2000px;

box-shadow: black 0.5em 0.5em 0.5em;
}



#kolo1{z-index: 3;
position:fixed;
        top:1%;
        left:12%;
width:75%; 
	height:auto;

}
#kolo1 img{width:60%; 
	height:auto;
}

#kolo2{z-index: 3;
position:fixed;
        top:33%;
        left:12%;
width:75%; 
	height:auto;
}
#kolo2 img{width:60%; 
	height:auto;
}
#kolo3{z-index: 3;
position:fixed;
        top:65%;
        left:12%;
width:75%; 
	height:auto;
}

#kolo3 img{width:60%; 
	height:auto;
}

p{
margin: 10px 2px 20px 2px;
}

}