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

#cammie-container {
  display: flex;
  justify-content: center;

  position: relative;

  width: 100%;
}

.fullpage {
  min-width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: black;
}

#cammie-section {
  position: relative;
  height: 100%;
  #cammie-body {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    height: 100%;

    transition: opacity 1s ease-in-out;
    opacity: 0;

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

    .ctrl {

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

    .row {
      display: flex;
      justify-content: space-between;

      // Space rows
      &.top-row, &.middle-row, &.bottom-row {
        flex-basis: 0;
      }
      &.top-row, &.bottom-row {
        flex-grow: 1;
      }

      &.middle-row {
        flex-grow: 8;
      }

      // Enlarge middle column
      .center {
        flex-grow: 8;
      }
    }
  }
}