import styled from "styled-components";

export default styled.nav`
  background-color: var(--color1);
  padding: 20px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  display: flex;
  font-size: 1.5em;
  align-items: center;
  justify-content: space-between;
  .title {
    display: flex;
  }
  .links {
    display: flex;
    .link {
      /* padding: 20px; */
      margin-left: 10px;
    }
  }
  .indicator {
    .circle {
      height: 10px;
      width: 10px;
      border-radius: 100%;

      margin-top: 8px;
      margin-left: 5px;
      /* margin-right: auto;
      flex: start; */
    }
    .green {
      background-color: green;
    }
    .red {
      background-color: red;
    }
  }
`;