h1 {
  text-align: center;
  font-family: "Lato", sans-serif;
  font-size: 25px;
  line-height: 32px;
  padding-top: 70px;
}

.notam-children .wrapper {
  margin: 3em 0;
}

.notam-children a,
.notam-children a:visited,
.notam-children a:hover,
.notam-children a:active {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  -webkit-transition: 0.5s color ease;
  transition: 0.5s color ease;
  text-decoration: none;
  color: #81b3d2;
  font-size: 2.5em;
}

.notam-children a:hover {
  color: #2098D1;
}

.notam-children a.before:before,
.notam-children a.after:after {
  content: "";
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.notam-children a.before:before {
  top: -0.25em;
}

.notam-children a.after:after {
  bottom: -0.25em;
}

.notam-children a.before:before,
.notam-children a.after:after {
  height: 3px;
  width: 0;
  background: #2098D1;
}

.notam-children tenth a.before:hover:before,
.notam-children a.after:hover:after {
  width: 100%;
}

.notam-children .square {
  box-sizing: border-box;
  margin-left: -0.4em;
  position: relative;
  font-size: 2.5em;
  overflow: hidden;
}

.notam-children .square a {
  position: static;
  font-size: 60%;
  width: 100%;
  padding: 0.2em 0.4em;
}

.notam-children .square:before,
.notam-children .square:after {
  content: "";
  box-sizing: border-box;
  -webkit-transition: 0.25s all ease;
  transition: 0.25s all ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  width: 3px;
  height: 0;
  background: #2098D1;
}

.notam-children .square:before {
  left: 0;
  bottom: -0.2em;
}

.notam-children .square.individual:before {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.notam-children .square:after {
  right: 0;
  top: -0.2em;
}

.notam-children .square.individual:after {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.notam-children .square a:before {
  left: 0;
  -webkit-transition: 0.25s all ease;
  transition: 0.25s all ease;
}

.notam-children .square a:after {
  right: 0;
  -webkit-transition: 0.25s all ease;
  transition: 0.25s all ease;
}

.notam-children .square.individual a:after {
  -webkit-transition: 0.25s all ease 0.4s;
  transition: 0.25s all ease 0.4s;
}

.notam-children .square:hover:before,
.notam-children .square:hover:after {
  height: calc(100% + 0.4em);
}

.notam-children .square:hover a:before,
.notam-children .square:hover a:after {
  width: 100%;
}

.delete-notam-button {
  right: 0;
  top: 0;
}

.edit-notam-button {
  right: 30px;
  top: 0;
}

.delete-file {
  cursor: pointer;
}