text: import styled from 'styled-components';
  
  export const LogoImage = styled.img`
    max-width: 168px;
  
    @media (max-width: 800px) {
      max-width: 105px;
    }
  `;
  
  export const MenuWrapper = styled.nav`
    width: 100%;
    height: 94px;
  
    z-index: 2;
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    padding-left: 5%;
    padding-right: 5%;
    
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    background-color: var(--draculaOrchid);
    border-bottom: 2px solid var(--mintleaf);
  
    @media (max-width: 800px) {
      height: 40px;
      justify-content: center;
    }
  `;