* {
padding:0;
margin:0;
}
html, body {
  background-color: #d6d6ce;
}
.page-wrapper {
}
.content {
background-image: url("../img/bg.jpg");
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}

@font-face {
font-family: badcorgi;
src: url(../font/378font.ttf);
}

#page-wrap {
width:600px;
height:440px;
margin:0 auto;
background:none;
text-align: center;
font-family: badcorgi;
font-size:100px;
font-weight: 200;
color: #f5db00;
text-shadow:
-2px -2px 0 #000,
2px -2px 0 #000,
-2px 4px 0 #000,
4px 2px 0 #000;

position:absolute;
left:50%;
top:50%;
margin-left:-300px;
margin-top:-220px; }

#topright {
width:150px;
height:100px;
margin:0 auto;
padding: 10px;
background:none;
text-align: right;
font-family: badcorgi;
font-size:40px;
font-weight: 200;
color: black;
text-shadow: 2px 2px white;
position: fixed;
right:0px;
top:0px;
}
#topright a {
text-decoration: none;
color: black;
-moz-animation-duration: 1000ms;
-moz-animation-name: blink;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: alternate;

-webkit-animation-duration: 1000ms;
-webkit-animation-name: blink;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;

animation-duration: 1000ms;
animation-name: blink;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#topleft {
width:150px;
height:100px;
margin:0 auto;
padding: 10px;
background:none;
text-align: left;
font-family: badcorgi;
font-size:20px;
font-weight: 200;
color: black;
text-shadow: 2px 2px white;
position: absolute;
left:0px;
top:0px;
}
#topleft a {
text-decoration: none;
color: black;
}

@-moz-keyframes blink {
0% {
opacity: 1;
color: black;
}

25% {
color: #f5db00;
opacity: 1;
}
}

@-webkit-keyframes blink {
0% {
 opacity: 1;
 color: black;
}

25% {
 color: #f5db00;
 opacity: 1;
}
}


@keyframes blink {
0% {
 opacity: 1;
 color: black;
}

25% {
 color: #f5db00;
 opacity: 1;
}
}

p {  text-align: center;
font-family: badcorgi;
font-size:60px;
font-weight: 200;
color: yellow;
text-shadow: 3px 4px black;
}

p.copytext {
text-align: center;
font-family: Arial;
font-size:28px;
font-weight: 300;
color: #f5db00;
text-shadow:
-2px -2px 0 #000,
2px -2px 0 #000,
-2px 2px 0 #000,
2px 2px 0 #000;

}
#report {
position: absolute;
bottom: 160px;
width: 100%;
height: 140px;
background-color: #000;
}
#report p {
    padding:25px;
}
#report a:link {
    color: yellow;
}

#report  a:visited {
    color: yellow;
}
#report  a:hover {
    color: white;
}
#report a:active {
    color: yellow;
}

#footer {
position: absolute;
bottom: 0px;
width: 100%;
height: 160px;
background-color: #FFF;
}
#footer p {
    padding:25px;
}