#menu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;

  #m-top {
    #m-logo {
      width: 100%;
      padding: 5% 0;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 5%;

      img {
        width: 90%;
        height: auto;
        max-width: 400px;
      }
    }

    nav {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;

      .navItem {
        width: 75%;
        padding: 2.5%;
        display: flex;
        align-items: center;

        img {
          aspect-ratio: 1/1;
          width: 17.5%;
          margin-right: 7.5%;
          transition: 0.5s ease;
        }

        p {
          font-family: oswald;
          font-size: 1.75em;
          color: var(--black);
        }

        &:hover {
          img {
            margin-right: 15%;
          }

          p {
            color: var(--purple-main);
          }
        }
      }
    }
  }
}