@import url("https://fonts.googleapis.com/css?family=Open+Sans:regular,semibold,italic,italicsemibold|PT+Sans:400,700,400italic,700italic|PT+Serif:400,700,400italic,700italic");
.highlight {
  padding: 7% 5% 5% 5%;
  position: relative;
  width: 66%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 1px;
}
.highlight:before, .highlight:after {
  content: "";
  width: 0%;
  height: 0%;
  position: absolute;
  visibility: hidden;
  border-radius: 1px;
}
.highlight:before {
  border-top: 1px solid black;
  border-right: 1px solid black;
  transition: width 1s ease 3s, height 1s ease 2s, visibility 0s 4s;
  top: 0;
  left: 0;
}
.highlight:after {
  border-left: 1px solid black;
  border-bottom: 1px solid black;
  bottom: 0;
  right: 0;
  transition: width 1s ease 1s, height 1s ease, visibility 0s 2s;
}
.future .highlight:before, .future .highlight:after {
  width: 100%;
  height: 100%;
  visibility: visible;
}
.future .highlight:before {
  transition: width 1s ease, height 1s ease 1s;
}
.future .highlight:after {
  transition: width 1s ease 2s, height 1s ease 3s, visibility 0s 2s;
}

/*# sourceMappingURL=border.css.map */