@keyframes in{
    from {margin-top:45vh;}
    to {margin-top:45vh;}
}
@keyframes text{
    from{font-size:8vh;color:#000000;}
    to{font-size:15vh;color:#ffffff}
}
@keyframes body{
    from{background-color:#F8F7F3;}
    to{background-color:#000000;}
}
@keyframes arrow{
 from{opacity:0}
 to{opacity:1}
}
body{
    text-align: center;
    background-color:#000000;
    max-height:100%;
    max-width:100%;
    animation-name:body;
    animation-duration:2s;
    animation-fill-mode:forwards;
}

div.time{
    margin-top: 45vh;
    animation-name:in;
    animation-duration:2s;
}
a.time:hover{
    color:#6b705c;
}
a.time{
    font-size: 15vh;
    position:relative;
    color:#ffffff;
    font-family:arial;
    text-decoration:none;
    font-weight:bold;
    animation-name:text;
    animation-duration:2s;
    animation-fill-mode: forwards;
}
a.fill-div{
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}
img.back{
    width:100%;
    opacity:0;
    animation-name:arrow;
    animation-duration:2s;
    animation-fill-mode:forwards;
}
div.back{
    width:5%;
    position:absolute;
    left:0px;
    top:0px;
    animation-name:arrow;
    animation-duration:2s;
    animation-fill-mode:forwards;
}