zeus.ugent.be/content/assets/stylesheets/includes/cammie.scss

#cammie-body {
  position: relative;

  #cammie-ctrls {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    width: 100%;

    transition: opacity 1s ease-in-out;
    z-index: 5;
    opacity: 0;

    position: absolute;
    top: 0;
    left: 0;

    .columns {
      margin: 0;
    }

    .center {
      flex: 1;
    }

    &.display {
      transition: opacity .5s ease-in-out;
      opacity: 1;
    }

    .ctrl {
      height: 100%;

      // Center arrows
      display: flex;
      justify-content: space-around;
      align-items: center;

      background-color: $cammie-controls-color;
      color: white;
      &:hover {
        background-color: $zeus_orange;
        cursor: pointer;
      }

      &.diag i {
        transform: rotate(45deg);
      }
    }
  }
}