/*** hratky s css3 ***/
div{
    margin: 15px;
    float:left;
    width: 500px;
    padding: 5px;
    box-sizing: border-box;
   }
.prvni{ 
  color: #fff;
  background: #999;
  text-shadow: 1px 1px 0px rgba(0,0,0,.75);      /*horizontální posun vertikální posun (rozostření) barva */
}
.druhy {
  background-color: lightblue;     
       }
.druhy h1 {
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}
.treti{       
  background-color: lightblue;
}
.treti h1{       
  text-shadow: 2px 2px 3px #FF0000, 2px 2px 5px #0000FF;     /*vícebarevný*/   
}
.ctvrty{      
  background-color: #FFFFCC;
}
.ctvrty h1{      
  color: #202c2d;
  text-shadow:
    0 1px #808d93,
    -1px 0 #cdd2d5,
    -1px 2px #808d93,
    -2px 1px #cdd2d5,
    -2px 3px #808d93,
    -3px 2px #cdd2d5,
    -3px 4px #808d93,
    -4px 3px #cdd2d5,
    -4px 5px #808d93,
    -5px 4px #cdd2d5,
    -5px 6px #808d93,
    -6px 5px #cdd2d5,
    -6px 7px #808d93,
    -7px 6px #cdd2d5,
    -7px 8px #808d93,
    -8px 7px #cdd2d5;
}
.paty{       
box-shadow: 5px 5px 10px grey;  /*horizontální vertikální rozostření roztažení barva*/ 
}                                               
.paty h1{       

}
.sesty{      
box-shadow: 5px 5px 10px 10px grey;  /* + roztažení*/ 
}
.sedmy{       
box-shadow: inset 5px 5px 10px 3px grey;  /*vykreslit uvnitř elementu*/ 
}

.sedmyA{
display: inline-block;
width: 200px;
padding: 5px;
margin: 5px;      
box-shadow: inset 5px 5px 10px 3px grey, 5px 5px 5px -2px grey;  /*vykreslit uvnitř elementu*/ 


}

.osmy{       
box-shadow: 5px 5px 10px -2px red,    /*kombinování stínů*/
    inset -2px -2px 10px blue;
/*    box-shadow: 5px 5px 10px -2px rgba(0,0,0,.25),
    inset -2px -2px 10px rgba(0,127,0,.5);  /* - rozumné barvy         */
}
.devaty{       
 box-shadow: -5px -5px rgb(128,128,128), -10px -10px rgb(0,0,0), -15px -15px 10px rgba(0,0,0,.25);
}
.desaty{
background-color: bisque; 
border-radius: 50%;      
 box-shadow: 15px 15px 10px 10px grey;  /*horizontální vertikální rozostření roztažení barva*/ 
} 

.desatyA{
display: inline-block;
width: 200px;
padding: 5px;
margin: 5px;
background-color: bisque;
text-align: center; 
border-top-left-radius: 5em;
border-top-right-radius: 35em;
border-bottom-right-radius: 5em;
border-bottom-left-radius: 35em;
     
 box-shadow: 1px 3px 1px 3px lightgrey;  /*horizontální vertikální rozostření roztažení barva*/ 
} 
.jedenacty{ 
      
}
.dvanacty{       

}
.trinacty{       

}
      
.ctrnacty{              

}
             
.patnacty{       

}