body {
    background-color: #000060;
    overflow-x: hidden;
    overflow-y: hidden;
    transition: all .5s;
    transform: translate(0,-20vmin)
}

#tableTitle {
    position: absolute;
    color: white;
    animation-name: showTitle;
    animation-duration: 1s;
    font-size: 3vmin;
    left: 50vw;
    top: 50vh;
    -webkit-transform: translate(0vw,35vmin) translate(-50%, -50%);
    transform: translate(0vw,35vmin) translate(-50%, -50%);
    transition: all .5s;
}

#mailto TD {
    color: white;
    animation-name: showDesc;
    animation-duration: 1s;
    font-size: 3vmin;
    width: 25vmin;
    font-family: Courier New;
    transition: all .5s;
}

table:hover {
    cursor: pointer;
}

#mailto {
    position: absolute;
    animation-name: showDesc;
    animation-duration: 1s;
    transition: all .5s;
    left: 50vw;
    top: 50vh;
    -webkit-transform: translate(0vw,35vmin) translate(-50%, -50%);
    transform: translate(0vw,40vmin) translate(-50%, -50%);
    transition: all .5s;
}

#logoE {
    width: 90vmin;
    height: 60vmin;
    transition: all .25s;
}

#logo {
    -webkit-transform: translate(50vw,50vh) translate(-50%, -50%); /* Safari */
    transform: translate(50vw,50vh) translate(-50%, -50%);
    display: table;
    transition: all .5s;
}

@keyframes showTitle {
    0% {
        color: #000060;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    100% {
        color: white;
        opacity: 1;
        filter: alpha(opacity=1);
    }
}

@keyframes showDesc {
    0% {
        color: #000060;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    50% {
        color: #000060;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    100% {
        color: white;
        opacity: 1;
        filter: alpha(opacity=1);
    }
}