$nav-bar-height: 50px;

body{
  padding: $nav-bar-height 0 0;
  background: lightgrey;
}

#nav-bar{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: $nav-bar-height;
  background: #212121;
  box-shadow: 0 2px 1px rgba(0, 0, 0, .25);

  .nav-bar-left{
    float: left;
  }

  ul{
    list-style: none;

    li{
      display: inline-block;
    }
  }

  .nav-link a{
    color: teal;
    transition: all 230ms ease-in-out;

    &:hover{
      color: green;
    }
  }
}