b, body, div, footer, h1, h2, h3, h4, h5, h6, header, html, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

footer, header, section {
  display: block
}

body {
  line-height: 1
}

body {
  -webkit-text-size-adjust: none
}

html {
  box-sizing: border-box
}

*,
:after,
:before {
  box-sizing: inherit
}

body.is-preload *,
body.is-preload :after,
body.is-preload :before {
  -moz-animation: none!important;
  -webkit-animation: none!important;
  -ms-animation: none!important;
  animation: none!important;
  -moz-transition: none!important;
  -webkit-transition: none!important;
  -ms-transition: none!important;
  transition: none!important
}

html {
  height: 100%
}

body {
  height: 100%;
  background: linear-gradient(60deg, rgba(0,30,30,1), rgb(5 9 12)), url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 900' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
}

body:after {
  content: '';
}

body.is-preload:after {
  opacity: 1
}

body {
  color: #414f57;
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;
  font-size: 14pt;
  font-weight: 300;
  line-height: 2;
  letter-spacing: .2em;
  text-transform: uppercase
}

h1, h2, h3, h4, h5, h6 {
  color: #313f47;
  line-height: 1.5;
  letter-spacing: .22em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

h1 {
  font-size: 1.6em;
}

h2 {
  font-size: 1em;
}

#main {
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: rotateX(0);
  -webkit-transform: rotateX(0);
  -ms-transform: rotateX(0);
  transform: rotateX(0);
  -moz-transition: opacity 1s ease, -moz-transform 1s ease;
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  -ms-transition: opacity 1s ease, -ms-transform 1s ease;
  transition: opacity 1s ease, transform 1s ease;
  cursor: default;
  max-width: 100%;
  opacity: .95;
  position: relative;
  text-align: center;
  width: 27em
}

body.is-preload #main {
  -moz-transform: rotateX(15deg);
  -webkit-transform: rotateX(15deg);
  -ms-transform: rotateX(15deg);
  transform: rotateX(15deg);
  opacity: 0
}

#footer {
  -moz-align-self: -moz-flex-end;
  -webkit-align-self: -webkit-flex-end;
  -ms-align-self: -ms-flex-end;
  align-self: flex-end;
  width: 100%;
  padding: 1.5em 0 0 0;
  color: rgba(255, 255, 255, .75);
  cursor: default;
  text-align: center
}

#wrapper {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-perspective: 1000px;
  -webkit-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
  position: relative;
  min-height: 100%;
  padding: 1.5em;
  z-index: 2
}

#wrapper>* {
  z-index: 1
}

#wrapper:before {
  content: '';
  display: block
}