html {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
}
body {
        font-size: 62.5%;
        font-family: Kristen ITC, Veranda,courier;
        line-height: 1.2;
        margin: 40px 0px 0px 0px;
        text-align: center;
        border-top:5px orange solid;
}
#header {
        padding: 0px 0px 0px 0px;
        font-size: 3.4em;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
        position: relative;
        z-index: 2;
        text-shadow: 1px 1px 3px white;
}
#main-content {
        margin-top: 50px;
        position: relative;
        z-index: 2;
}
#link {
        text-shadow: 1px 1px 3px white;
        font-size: 2.2em;
        border: 2px solid #a1a1a1;
        border-radius: 25px;
        padding-left: 7px;
        padding-right: 5px;
        padding-top: 3px;
        padding-bottom: 3px;
        -webkit-animation: pulse4s 2s 4 ease-in-out;
        animation: pulse4s 2s 4 ease-in-out;
        background-color: #cdcdcd;
        opacity: 0.6;
        filter: alpha(opacity=60);
}
#linkDone {
        text-shadow: 1px 1px 3px white;
}
#surprise {
        min-height: 550px;
        display: block;
        visibility: hidden;
        z-index: 3;
        position: relative;
}
#surprise h1 {
        color: black;
        font-weight: bold;
        padding-top: 10px;
        margin-top: -25px;
}
h1 {
        margin: 0px;
}
a {
        text-decoration: none;
        color: black;
        target: _parent;
}
.description {
        margin: 0px;
        text-align: right;
}
img {
        border: none;
}
marquee {
        text-shadow: black 2px -1px 1px;
        animation: zoom 2s infinite ease-in;
}
#footer {
        position: fixed;
        bottom: 10px;
        left: 450px;
        font-style: italic;
        text-shadow: 0px 0px 4px white;
        font-size: 14px;
        z-index: 2;
}
/*Animations*/
@keyframes pulse {
        0% {
                box-shadow: 0 0 14px rgba(0,0,255,0.2);
        }
        50% {
                box-shadow: 0 0 14px rgba(0,255,0,0.9);
        }
        100% {
                box-shadow: 0 0 14px rgba(255,0,0,0.2);
        }
}
@-webkit-keyframes pulse {
        0% {
                -webkit-box-shadow: 0 0 0px 4px rgba(255,255,255,0);
        }
        50% {
                -webkit-box-shadow: 0 0 20px 4px rgba(255,255,255,1.0);
        }
        100% {
                -webkit-box-shadow: 0 0 0px 4px rgba(255,255,255,0);
        }
}
@keyframes zoom{
        0%{
                transform: scale(1);
        }
        50% {
                 transform: scale(1.3);
        }
        100%{
                 transform: scale(1);
        }
}