html, body {
  height: 100%; }

body {
  display: flex;
  flex-direction: column; }
  body > header, body > div {
    flex: 1 0 auto; }
  body .footer {
    flex-shrink: 0; }

html, body {
  margin: 0; }

body {
  padding: 0 1em; }

html {
  min-width: 552px; }

body {
  background: url("./../image/Jet-Lancer_Discord-Invite-Screen.png") #0063db no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  @media (orientation: portrait) {
    body {
      background-position-x: 86%; } }

body {
  font-family: sans-serif;
  font-size: 16px; }

a:link, a:hover, a:visited {
  color: inherit; }

h1 {
  color: white;
  text-align: center; }

code {
  border-radius: 0.25em;
  background-color: rgba(15, 15, 15, 0.5);
  padding: 0.1em 0.25em;
  color: #cec7b0; }

header {
  text-align: center; }
  header div:last-child {
    margin-bottom: 1.34em; }

footer {
  font-size: 0.8em;
  margin: 2rem 0 0;
  padding-bottom: 1rem;
  text-align: center; }
  footer address {
    font-size: 0.8em; }

canvas.pixelated-on-zoomed-view {
  image-rendering: optimizeSpeed;
  /* Legal fallback */
  image-rendering: -moz-crisp-edges;
  /* Firefox        */
  image-rendering: -o-crisp-edges;
  /* Opera          */
  image-rendering: -webkit-optimize-contrast;
  /* Safari         */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed  */
  image-rendering: crisp-edges;
  /* CSS4 Proposed  */
  image-rendering: pixelated;
  /* CSS4 Proposed  */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+           */ }

#container {
  margin: auto;
  text-align: center; }
  #container > div {
    display: inline-block;
    vertical-align: middle; }

/*# sourceMappingURL=main.css.map */