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 {
  button{
    background-color: $orange;
    color: white;
    margin-top: 5px;
    border-radius: 0;
    border: none;
    width: 100%;
    &:hover{
      color: #363636;
    }
    &:active{
      background-color: #b36b00; //dark orange
      color: #363636;
    }
  }
}

.overlay {
  position: relative;
  left: 0;
  top: 0;
  transform: translateX(-100%);
}