#header {
  position: relative;
}

#scene {
  -webkit-perspective: 1000px;
          perspective: 1000px;
  width: 30px;
  height: 30px;
  position: relative;
  top: 15px;
  left: 15px;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.boxBase {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  width: 30px;
  height: 30px;
  -webkit-animation: turnAround 30s linear 0s infinite normal none running;
          animation: turnAround 30s linear 0s infinite normal none running;
}

@-webkit-keyframes turnAround {
  0% {
    -webkit-transform: rotateX(0deg) rotateY(0deg);
            transform: rotateX(0deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateX(360deg) rotateY(360deg);
            transform: rotateX(360deg) rotateY(360deg);
  }
}

@keyframes turnAround {
  0% {
    -webkit-transform: rotateX(0deg) rotateY(0deg);
            transform: rotateX(0deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateX(360deg) rotateY(360deg);
            transform: rotateX(360deg) rotateY(360deg);
  }
}

.boxBase > div {
  position: absolute;
  background-color: transparent;
  border-left: 1px solid #FC4332;
  border-right: 1px solid #F731F7;
  width: 100%;
  height: 100%;
}

.boxBase > div:before, .boxBase > div:after {
  content: "";
  display: block;
  height: 1px;
  background: #fc4332;
  background: -webkit-gradient(linear, left top, right top, from(#fc4332), to(#cb31f9));
  background: linear-gradient(to right, #fc4332 0%, #cb31f9 100%);
}

.boxBase > .top {
  -webkit-transform: translateY(15px) rotateX(-90deg);
          transform: translateY(15px) rotateX(-90deg);
}

.boxBase > .bottom {
  -webkit-transform: translateY(-15px) rotateX(90deg);
          transform: translateY(-15px) rotateX(90deg);
}

.boxBase > .front {
  -webkit-transform: translateZ(15px);
          transform: translateZ(15px);
}

.boxBase > .back {
  -webkit-transform: translateZ(-15px) rotateX(180deg);
          transform: translateZ(-15px) rotateX(180deg);
}

.boxBase > .left {
  -webkit-transform: translateX(-15px) rotateY(-90deg);
          transform: translateX(-15px) rotateY(-90deg);
}

.boxBase > .right {
  -webkit-transform: translateX(15px) rotateY(90deg);
          transform: translateX(15px) rotateY(90deg);
}

#header h1 {
  font-weight: normal !important;
}
/*# sourceMappingURL=index.css.map */