text: import styled from 'styled-components';
  
  export const NavItems = styled.div`
      display: flex;
      position: absolute;
      right: -70px;
      top: -0.5rem;
      width: 20rem;
      
      p {
          font-size: 2rem;
          font-weight: 400;
          margin: 28px 10px 0 0;
  
          a {
              color: ${props => props.theme.colors.essentials};
          }
  
          a:hover {
              transition: 2s;
  	        color: #5e3bd1;
          }
      }
  
      span {
              color: ${props => props.theme.colors.fontcolor};
              margin-top: 40px;
      }
      `;
  
  export default NavItems