*{
	
	background-color : #886E14;
    padding: 0;
    margin: 0;
    
}

body
{
    overflow: hidden;

}

div
{
    position: absolute;
}

#game-container {
    
    top:50%;
    left:50%;
    

    width: 800px;
    height: 944px;
    
    margin-top: -400px;
    margin-left: -472px;
    
    
}

.HEROS{
    
    top: 20%;
    
    width: 600px;
    height: 200px;
    
    left: -500px;
    
}
.HEROS:hover {
    
    left:0px;
    transition-duration: 1s;   
}

.SYNOPSIS{
    
    top: 60%;
    
    width: 600px;
    height: 200px;
    
    left: -500px;
    
}
.SYNOPSIS:hover {
    
    left:0px;
    transition-duration: 1s;   
}

.UNIVERS{
    
    top: 20%;
    
    width: 600px;
    height: 200px;
    
    right: -500px;
    
}
.UNIVERS:hover {
    
    right:0px;
    transition-duration: 1s;   
}

.CONTROLES{
    
    top: 60%;
    
    width: 600px;
    height: 200px;
    
    right: -500px;
    
}
.CONTROLES:hover {
    
    right:0px;
    transition-duration: 1s;   
}



.CONTOUR{
    
    top:50%;
    left:50%;

    width: 810px;
    height: 954px;
    
    margin-top: -405px;
    margin-left: -477px;
    
}