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

#cammie-body {
  position: relative;

  #cammie-ctrls {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;

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

    position: absolute;
    top: 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);
      }
      
    }
  }
}
#cammie-section {

  .nav-center{
  width:100%;
  }
  button{
    background-color: $orange;
    color: white;
    margin-top: 5px;
    border-radius: 0;
    border: none;
    width: 33.333333333333333333333333333333333333333333333333333%;
    &:not(:last-child){
        margin-right: 5px;
    }
    &:hover{
      color: #363636;
    }
    &:active{
      background-color: #b36b00; //dark orange
      color: #363636;
    }
  }

}