html, body {font-family: 'IM Fell DW Pica SC', serif; color: #DDDDDD; background:#0A0A19;}
#bodywrapper {width:100%;height:100%;}
#first-container{margin-top:150px; background: rgba(0,0,0,0.5); padding:40px; z-index:100; position:relative;}
#picturewrapper {width: 800px; margin: 0 auto;}
#moretext {background: rgba(0,0,0,0.95); padding: 40px; z-index: 100; position:relative; width: 800px; margin: 200px auto 150px;}
#moretext p, #moretext td, #moretext th {
font-size: 18px;
line-height: 22px;
font-family: 'IM Fell DW Pica', serif; color: #DDDDDD;
}
#moretext .table tr:hover td, #moretext .table tr:hover th {background: rgba(255,255,255,0.1);}
.picture {position: absolute; top: 100px; margin:0 auto; border:2px solid rgba(255,255,255,0.8);opacity:0}
@-webkit-keyframes fadein {
  from {opacity:0;z-index:0}
  5% {opacity:0;z-index:11}
  10% {opacity:1.0;}
  90% {opacity:1.0;}
  95% {opacity:0;}
  to {opacity:0;}
}
@-moz-keyframes fadein {
  from {opacity:0;z-index:0}
  5% {opacity:0;z-index:11}
  10% {opacity:1.0;}
  90% {opacity:1.0;}
  95% {opacity:0;}
  to {opacity:0;}
}

#picture1{
  -webkit-animation-duration: 30s;
  -webkit-animation-name: fadein;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 2s;
  -moz-animation-duration: 30s;
  -moz-animation-name: fadein;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 2s;


transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */
}
#picture2{
  -webkit-animation-duration: 30s;
  -webkit-animation-name: fadein;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 8s;
  -moz-animation-duration: 30s;
  -moz-animation-name: fadein;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 8s;


transform:rotate(-7deg);
-ms-transform:rotate(-7deg); /* IE 9 */
-moz-transform:rotate(-7deg); /* Firefox */
-webkit-transform:rotate(-7deg); /* Safari and Chrome */
-o-transform:rotate(-7deg); /* Opera */
}
#picture3{
  -webkit-animation-duration: 30s;
  -webkit-animation-name: fadein;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 14s;
  -moz-animation-duration: 30s;
  -moz-animation-name: fadein;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 14s;

transform:rotate(10deg);
-ms-transform:rotate(10deg); /* IE 9 */
-moz-transform:rotate(10deg); /* Firefox */
-webkit-transform:rotate(10deg); /* Safari and Chrome */
-o-transform:rotate(10deg); /* Opera */
}
#picture4{
  -webkit-animation-duration: 30s;
  -webkit-animation-name: fadein;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 20s;
  -moz-animation-duration: 30s;
  -moz-animation-name: fadein;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 20s;

transform:rotate(-9deg);
-ms-transform:rotate(-9deg); /* IE 9 */
-moz-transform:rotate(-9deg); /* Firefox */
-webkit-transform:rotate(-9deg); /* Safari and Chrome */
-o-transform:rotate(-9deg); /* Opera */
}
#picture5{
  -webkit-animation-duration: 30s;
  -webkit-animation-name: fadein;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 26s;
  -moz-animation-duration: 30s;
  -moz-animation-name: fadein;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 26s;

transform:rotate(9deg);
-ms-transform:rotate(9deg); /* IE 9 */
-moz-transform:rotate(9deg); /* Firefox */
-webkit-transform:rotate(9deg); /* Safari and Chrome */
-o-transform:rotate(9deg); /* Opera */
}