body
{
   background-color: #F0E68C;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
   outline: none;
}
#PhotoCollage1
{
   box-sizing: border-box;
   font-size: 0;
   width: 100%;
   height: 100%;
   table-layout: fixed;
   display: table;
   margin: 0;
   position: relative;
}
#PhotoCollage1 .thumbnail img
{
   border: 0px #000000 solid;
   box-sizing: border-box;
   border-radius: 10px;
}
#PhotoCollage1 .thumbnail
{
   opacity: 0;
   position: absolute;
}
#PhotoCollage1 .thumbnail img
{
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
}
#PhotoCollage1 .thumbnails
{
      -webkit-perspective: 1300px;
      perspective: 1300px;
}
#PhotoCollage1 .thumbnail.effect
{
   -webkit-animation:PhotoCollage1-animation 0.8s ease-in forward;
   -webkit-transform: scale(0.4);
   -webkit-transform-style: preserve-3d;
   animation: PhotoCollage1-animation 600ms ease-in forwards;
   transform: scale(0.4);
   transform-style: preserve-3d;
}
@-webkit-keyframes PhotoCollage1-animation
{
   0%
   {
   }
   70%
   {
      opacity: 0.8;
      -webkit-animation-timing-function: ease-out;
      -webkit-transform: scale(1.1);
   }
   100%
   {
      opacity: 1;
      -webkit-transform: scale(1);
   }
}
@keyframes PhotoCollage1-animation
{
   0%
   {
   }
   70%
   {
      opacity: 0.8;
      animation-timing-function: ease-out;
      transform: scale(1.1);
   }
   100%
   {
      opacity: 1;
      transform: scale(1);
   }
}