a {color: #eee; text-decoration: none}
a:hover {color: blue;}
body {

        overflow: auto;
    overflow-y: auto;
    background-color: black;
    margin: 0px;
    font-family: 'Bree Serif', serif;
}

h3{
    font-size: 3vh;
    color: white;
    text-align: center;
    margin: 3vh auto 1vh;
}
#jeeFaceFilterCanvas {
    z-index: 10;
    position: absolute; 
    max-height: 100%;
    max-width: 100%;
    left: 50%;
    top: 50%;
    width: 100vmin;
    transform: translate(-50%, -50%) rotateY(180deg);
} 

@media (max-width: 787px) {
    #jeeFaceFilterCanvas {
        right: 0px;
        top: 60px;
        transform: rotateY(180deg);
    }
}