#title h2 {
    font-family:  Monaco, monospace;
    font-size: 10vh;
    color: red;
    text-align: center;
}

#title .links{
    font-family:  Monaco, monospace;
    font-size: 5vh;
    color: red;
    text-align: center;
}

.link:hover {
    color: blue;
    transition: 0.1s;
}

#title {
    margin: 0;
    position: absolute;
    top: 50%;
    width: 100vw;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    transition : 0s;
}

.fadeOut{
    opacity: 0;
    transition: 1.5s opacity;
}


#title.fadeOut{
    opacity: 0;
    transition: 1.5s opacity;
}

#title.fadeIn {
    opacity: 100;
    transition: 1s opacity;
}

canvas { display:block; } /* To remove the scrollbars */
* { margin:0; padding:0; } /* to remove the top and left whitespace */
html, body { width:100%; height:100%; } /* just to be sure these are full screen*/