phantasma/app/static/css/partials/_menu.scss

.topnav {
  background-color: #333;
  position: relative;
  height: 72px;
  padding-left: var(--spacing-2);
  padding-top: var(--spacing-2);
  @media screen and (max-width: 799px) {
    padding-left: 0;
    padding-right: 0;
  }

  nav {
    display: block;
    text-align: right;
    margin-right: var(--spacing-2);
    @media screen and (max-width: 799px) {
      text-align: center;
      width: 100%;
      margin-right: 0;
      margin-top: var(--spacing-2);
    }
  }

  a {
    color: white;
    text-decoration: none;
    font-size: 17px;

    &:hover {
      background-color: #ddd;
      color: black;
    }
    @media screen and (max-width: 799px) {
      &.title {
        display: block;
        text-align: center;
      }
      div {
        display: inline-block;
      }

    }
  }


}