menu.scss

@import '../../styles/config/colors';
@import '../../styles/config/layout';
.menu {
  display: flex;
  flex-direction: column;
  height: inherit;
  padding: 1rem;
  box-shadow: 0px 5px 5px rgb(0 0 0 / 20%), 0px 3px 14px rgb(0 0 0 / 12%),
    0px 8px 10px rgb(0 0 0 / 14%);
  border-top: unset;
  border-right: unset;
  background-color: $grey-dark;
  position: relative;
  z-index: 1501;

  .logo-container {
    display: flex;
  }
  .logo {
    margin: auto;
    max-width: 4rem;
  }
  a {
    display: block;
    padding: 0.5rem 0;
    text-decoration: none;
    color: $text-grey;
    &:hover {
      color: $gold;
    }
  }
  .active {
    color: $gold;
  }
  .menu-list {
    margin-top: 1.5rem;
  }
  .administration {
    margin-top: auto;
  }
  .logButton {
    width: 100px;
    min-width: 0;
  }
}