* {
    margin: 0;
    padding: 0;
  }
  body {
    overflow-x: hidden;
    background-color: #000;
  }

a {
text-decoration: none;
color: #effa91;
-o-transition: color 0.5s linear;
-moz-transition: color 0.5s linear;
-khtml-transition: color 0.5s linear;
-webkit-transition: color 0.5s linear;
-ms-transition: color 0.5s linear;
transition: color 0.5s linear;
}

a:hover {
color: #ffbf11;
}

@font-face {
    font-family: 'allerregular';
    src: url('../fonts/aller_rg-webfont.eot');
    src: url('../fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_rg-webfont.woff') format('woff'),
         url('../fonts/aller_rg-webfont.ttf') format('truetype'),
         url('../fonts/aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

img.bg {
  min-height: 100%;
  min-width: 1280px;
    
  width: 100%;
  height: auto;
    
  position: fixed;
  top: 0;
  left: 0;
}

img.logo {
  padding: 30px 0 30px 0;   
}

@media screen and (max-width: 1280px) { 
  img.bg {
    left: 50%;
    margin-left: -640px;   /* 50% */
  }
}

#page-wrap { position: relative; width: 432px; margin: 10px auto; padding-top: 5%; color: white;}
p { font-family: allerregular; font-size: 20px; text-align: center; color: white; padding-top: 10px;}
.credit {margin-top: 20px; font-size: 13px; color: #888;}
.code {font-size: 12px; color: #333;}

@keyframes b2w {
    0%   {
        filter: brightness(0);
        -webkit-filter: brightness(0);
    }
    100% {
        filter: brightness(1);
        -webkit-filter: brightness(1);
    }
}

.logo {
    animation-name: b2w;
    animation-duration: 5s;
}