.hexagon {
  width: 96.75px;
  height: 150px;
  background-image: linear-gradient(90deg, #f6f6f6, #f6f6f6);
  border-radius: 15px;
  transition: transform 400ms ease;
}
.hexagon:hover {
  transform: rotate(30deg);
}
.hexagon:before, .hexagon:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: inherit;
  height: inherit;
  background-image: inherit;
  border-radius: inherit;
}
.hexagon:before {
  transform: rotate(60deg);
}
.hexagon:after {
  transform: rotate(-60deg);
}

.center {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}/*# sourceMappingURL=animations.css.map */