@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/open-sans-v17-latin-regular.eot');
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/assets/fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('/assets/fonts/open-sans-v17-latin-regular.woff2') format('woff2'),
       url('/assets/fonts/open-sans-v17-latin-regular.woff') format('woff'),
       url('/assets/fonts/open-sans-v17-latin-regular.ttf') format('truetype'),
       url('/assets/fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg');
}

body {
  overflow: hidden;
  transition: background-color 1s;
  background-color: white;
}

.error {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", sans-serif;
  color: white;
}

.error p {
  font-size: 1.4em;
}

.error a {
  color: white;
}

.error a:hover {
  color: rgb(206, 206, 206);
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.5s;
}

.animated.delay {
  animation-delay: 1s;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}