{"size": 749, "ext": "js", "max_stars_repo_path": "src/components/navbar/navbar.style.js", "max_stars_repo_name": "Nodenkey/starterstech", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/navbar/navbar.style.js", "max_issues_repo_name": "Nodenkey/starterstech", "max_issues_repo_issues_event_min_datetime": "2021-10-06T22:07:47.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-19T06:47:37.000Z", "max_forks_repo_path": "src/components/navbar/navbar.style.js", "max_forks_repo_name": "Nodenkey/starterstech", "max_forks_repo_forks_event_min_datetime": "2020-06-25T13:27:54.000Z", "max_forks_repo_forks_event_max_datetime": "2020-06-25T13:27:54.000Z"}
{"max_stars_count": null, "max_issues_count": 2, "max_forks_count": 1, "avg_line_length": 20.8055555556, "max_line_length": 47, "alphanum_fraction": 0.6675567423}
import styled from "styled-components";
import {primaryBlue} from "../../utils/colors";

export const NavBarWrapper = styled.nav`
  position: fixed;
  z-index: 9999;
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin:  0 10%;
  padding: 30px 5%;
  border-radius: 10px;
  background: #FAFAFA;
  box-shadow:  3px 3px 14px #ebebeb, 
             -7px -7px 14px #ffffff;
`;

export const NavBrand = styled.h4`
  color: ${primaryBlue};
`;

export const MenuContainer =styled.div`
  display: none;
  align-items: center;
  @media only screen and (min-width: 768px){
  display: flex;
  align-items: center;
  }
`;

export const MenuItem = styled.h4`
  color: black;
  font-weight: bold;
  margin-left: 40px;
`;