body {
  max-width: 100%;
  width: 900px;
  margin: 40px auto 0;
  padding: 0 16px;
}

h1 {
  font-size: 32px;
  border-bottom: 1px solid #cdcdcd;
  padding-bottom: 24px;
  margin-bottom: 40px;
}

.bl_IOAtext {
  margin-bottom: 24px;
}

.bl_IOAimages {
  width: 200px;
  height: 200px;
  margin-bottom: 24px;
}

.IOA_js {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: opacity .5s,  -webkit-transform .5s;
  transition: opacity .5s,  -webkit-transform .5s;
  transition: opacity .5s,  transform .5s;
  transition: opacity .5s,  transform .5s,  -webkit-transform .5s;
}

.appear {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
/*# sourceMappingURL=IOA.css.map */