app.css

.leftSide {
    float: left;
    width: 25%;
}

.leftSide .treeItem .pill .textContent {
    margin-right: 0;
}

.rightSide {
    float: right;
    width: 75%;
    border-left: solid #AAA 1px;
}

.southSide {
    clear: both;
    width: 100%;
    height: 400px;
}

.artifactHolder {
    height: 400px;
    border: 1px solid black;
    border-radius: 15px;
}

@-moz-keyframes flipDown {
  from {
    -moz-transform: rotateX(0deg);
    opacity: 1.0;
  }

  35% {
    opacity: 0.0;
  }

  to {
    -moz-transform: rotateX(360deg);
    opacity: 1.0;
  }
}

@-webkit-keyframes flipDown {
  from {
    -webkit-transform: rotateX(0deg);
    opacity: 1.0;
  }

  35% {
    opacity: 0.0;
  }

  to {
    -webkit-transform: rotateX(360deg);
    opacity: 1.0;
  }
}

@-keyframes flipDown {
  from {
    transform: rotateX(0deg);
    opacity: 1.0;
  }

  35% {
    opacity: 0.0;
  }

  to {
    transform: rotateX(360deg);
    opacity: 1.0;
  }
}

.flipDown{
    -moz-animation-duration: 5s;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -moz-animation-name: flipDown;
    -webkit-animation-name: flipDown;
    animation-name: flipDown;
    -moz-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}