$white : #fff;
$black : #000;

nav {
  position: fixed;
  top:15px;
  left:15px;
  cursor:pointer;

  span {
    border-radius: 50%;
    display: block;
    width:5px;
    height:5px;
    background-color: $white;
    margin-bottom:3px;
  }
}

.menu-container {
  .overlay {
    position: absolute;
    content:'';
    display:block;
    background-color: $black;
    width: 100vw;
    height: 100vh;
    opacity: .9;
    top:0;
    z-index: 998;
  }

  display: none;
  color:$white;
  position: relative;
  width: 100vw;
  height: 100vh;
  z-index: 999;

  .menu {
    position: relative;
    z-index: 1000;
    width:inherit;
    height:inherit;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    .close {
      position: absolute;
      right:15px;
      top:15px;
      font-size:2em;

      &:hover {
        color: $white !important;
      }
    }

    .item {
      display: block;
      font-size:1.5em;
      padding:30px;
      text-transform: uppercase;
      cursor: pointer;
      width: 80%;
      text-align: left;
      color: $white;
      text-decoration: none;
    }

    .spacer {
      display: inline-block;
      width: 30px;
    }

    .watching {
      display: none;
      padding:5px 0 0 2px;
      font-size: .6em;
      color:#666;
    }

    .tick {
      display: none;
    }
  }

}