.flex {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.astart {
  align-items: flex-start;
}
.acenter {
  align-items: center;
}
.aend {
  align-items: flex-end;
}
.abetween {
  align-items: space-between;
}
.jstart {
  justify-content: flex-start;
}
.jcenter {
  justify-content: center;
}
.jend {
  justify-content: flex-end;
}
.center {
  text-align: center;
}
.column {
  flex-direction: column;
}
.jbetween {
  justify-content: space-between;
}
@media (max-width: 800px) {
  html,
  body {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
  }
  #error {
    display: none;
  }
  #error-container {
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #container {
    width: 95%;
  }
  #container .left {
    width: 100%;
    float: none;
  }
  #container .right {
    width: 100%;
    float: none;
  }
}