body{
background-color
:
#4E4226
;
}#container {
position
:
relative
;
height
:
700px
;
width
:
500px
;
margin
:
10px
auto
;
overflow
:
hidden
;
border
:
4px
solid
#5C090A
;
background
:
#4E4226
url
(
'images/backgroundLeaves.jpg'
)
no-repeat
top
left
;
}#leafContainer {
position
:
absolute
;
width
:
100%
;
height
:
100%
;
}#message{
position
:
absolute
;
top
:
160px
;
width
:
100%
;
height
:
300px
;
background
:
transparent
url
(
'images/textBackground.png'
)
repeat-x
center
;
color
:
#5C090A
;
font-size
:
220%
;
font-family
:
'Georgia'
;
text-align
:
center
;
padding
:
20px
10px
;
-webkit-box-sizing: border-box;
-webkit-background-
size
:
100%
100%
;
z-index
:
1
;
}em {
font-weight
:
bold
;
font-style
:
normal
;
}#leafContainer > p {
position
:
absolute
;
width
:
100px
;
height
:
100px
;
-webkit-animation-iteration-count: infinite;
-webkit-animation-
direction
:
normal
;
-webkit-animation-timing-function: linear;
}#leafContainer > p > img {
position
:
absolute
;
width
:
100px
;
height
:
100px
;
-webkit-animation-iteration-count: infinite;
-webkit-animation-
direction
: alternate;
-webkit-animation-timing-function: ease-in-out;
-webkit-transform-origin:
50%
-100%
;
}@-webkit-keyframes fade{
0%
{ opacity:
1
; }
95%
{ opacity:
1
; }
100%
{ opacity:
0
; }}
@-webkit-keyframes drop{
0%
{ -webkit-transform: translate(
0px
,
-50px
); }
100%
{ -webkit-transform: translate(
0px
,
650px
); }}
@-webkit-keyframes clockwiseSpin{
0%
{ -webkit-transform: rotate(
-50
deg); }
100%
{ -webkit-transform: rotate(
50
deg); }}
@-webkit-keyframes counterclockwiseSpinAndFlip
{
0%
{ -webkit-transform: scale(
-1
,
1
) rotate(
50
deg); }
100%
{ -webkit-transform: scale(
-1
,
1
) rotate(
-50
deg); }}