body
{
    margin:0;
    overflow: hidden;
}
#homebutton
{
    display:block;
    width:218px;
    height:60px;
    background-image: url('gui/button.png');
    font-family: "Tahoma", sans-serif;
    font-size:24px;
    color:white;
    position:absolute;
    left:20px;
    top:20px;
    z-index: 10;
    line-height: 60px;
    text-align: center;
}
.zoomcontainer
{
    font-family:"Tahoma", "Arial", sans-serif;
    background-color:black;    
}
.zoomloader
{
    color:white;
    position:absolute; 
    left:50%; 
    top:50%; 
    transform:translate(-50%, -50%); 
    width:218px; 
    height:60px; 
    line-height:60px;
    text-align: center;
    font-size:24px;
    background-image:url('gui/button.png');
}
.zoominfo
{
    position:absolute; 
    right:0; 
    bottom:3em;
    background-color:rgba(0,0,0,0.7);
    color:white;
    padding:1em 6em 1.5em 3em;
}
    .zoominfo .title
    {
        font-size: 1.2em;
        margin-bottom:0.2em;
    }
    .zoominfo .year, .zoominfo .author
    {
        font-size: 0.8em;
    }
.zoomhint
{
    display:none;
    position:absolute;
    left:50%;
    top:25%;
    width:512px;
    height:256px;
    max-width:50vw;
    max-height:25vw;
    transform:translate(-50%,-50%);
    background-image: url('gui/hint.png');
    background-size: 100% 100%;
}