/*style*/

@font-face {
    font-family: 'rogue_heroregular';
    src: url('../fonts/roguehero-webfont.woff2') format('woff2'),
         url('../fonts/roguehero-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'rogue_hero_super-italicitalic';
    src: url('../fonts/rogueherosuperital-webfont.woff2') format('woff2'),
         url('../fonts/rogueherosuperital-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.fade{
    opacity: 0;
    transition: opacity 1s;
}
.fade:hover{
    opacity: 1;
    transition: opacity 1s;
    background: #80808085;
}
.bg-black{
    background: black;
}
.bg-maze{
background-image: url(http://cdn.backgroundhost.com/backgrounds/subtlepatterns/rebel.png);
  animation: animatedBackground 8s linear infinite;
    background-attachment: fixed;
}
@keyframes animatedBackground {
    from { background-position: 0 0; }
    to { background-position: 64px 64px; }
}