text: import styled from "styled-components";
  
  export const LogoContainer = styled.div`
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 33.33%;
      height: 100%;
      outline: none;
  
      @media (min-width: 450px) {
          width: 4rem;
          &&:hover,
          :focus {
              background: ${props => props.theme.logoHover};
              outline: none;
          }
      }
  `;
  