.cube-entier {
  margin-top: 3vh;
  margin-bottom: 3vh;
}
.cube-entier .cube-wrap {
  perspective: 800px;
  perspective-origin: 50% 100px;
}
.cube-entier .cube-wrap .cube {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  transform-style: preserve-3d;
  -webkit-animation: cube-spin 18s infinite ease-in-out;
          animation: cube-spin 18s infinite ease-in-out;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.cube-entier .cube-wrap .cube div {
  position: absolute;
  width: 100px;
  height: 100px;
  line-height: 100px;
  border: 1px solid #ccc;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 30px rgba(125, 125, 125, 0.8);
  font-size: 100px;
  text-align: center;
  vertical-align: middle;
  color: rgba(0, 0, 0, 0.5);
  font-family: sans-serif;
  text-transform: uppercase;
}
.cube-entier .cube-wrap .cube img {
  width: 100px;
  height: 100px;
}

.depth div.back-pane {
  transform: translateZ(-50px) rotateY(180deg);
}

.depth div.right-pane {
  transform: rotateY(-270deg) translateX(50px);
  transform-origin: top right;
}

.depth div.left-pane {
  transform: rotateY(270deg) translateX(-50px);
  transform-origin: center left;
}

.depth div.top-pane {
  transform: rotateX(90deg) translateY(-50px);
  transform-origin: top center;
}

.depth div.bottom-pane {
  transform: rotateX(-90deg) translateY(50px);
  transform-origin: bottom center;
}

.depth div.front-pane {
  transform: translateZ(50px);
}

@-webkit-keyframes cube-spin {
  0% {
    transform: rotateY(0deg);
  }
  5.55%, 16.66% {
    transform: rotateY(-90deg);
  }
  22.21%, 33.32% {
    transform: rotateY(-180deg);
  }
  38.87%, 50% {
    transform: rotateY(-270deg);
  }
  55.55%, 66.66% {
    transform: rotateX(-90deg);
  }
  72.21%, 83.32% {
    transform: rotateX(90deg);
  }
  89%, 100% {
    transform: rotateX(0deg);
  }
}

@keyframes cube-spin {
  0% {
    transform: rotateY(0deg);
  }
  5.55%, 16.66% {
    transform: rotateY(-90deg);
  }
  22.21%, 33.32% {
    transform: rotateY(-180deg);
  }
  38.87%, 50% {
    transform: rotateY(-270deg);
  }
  55.55%, 66.66% {
    transform: rotateX(-90deg);
  }
  72.21%, 83.32% {
    transform: rotateX(90deg);
  }
  89%, 100% {
    transform: rotateX(0deg);
  }
}
.page-footer {
  bottom: 0;
  padding-top: 20px;
  color: #fff;
  background-color: black;
  background-color: black;
}
.page-footer .footer-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  flex-direction: row;
}
@media screen and (min-width: 320px) {
  .page-footer .footer-content .footer-contact {
    margin-left: 2vw;
  }
}
@media screen and (min-width: 768px) {
  .page-footer .footer-content .footer-contact {
    margin-left: 0;
  }
}
.page-footer .footer-copyright {
  background-color: #1a1a1a;
  padding-left: 2vh;
}

a#mail {
  cursor: pointer;
}

ul.displayFalse {
  display: none;
}

ul.displayTrue {
  display: block;
  color: green;
}/*# sourceMappingURL=footer.css.map */