/* ============================================== */
/* NAVIGATION */
/* ============================================== */

.navigation{
  margin:0 auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
  background: var(--color-90);
  border-bottom: 1px solid var(--color-100);
  position: fixed;
  top:0;
  z-index: 9;
}

.navigation ul li,
.navigation ul li a{
  display: inline-block;
  position: relative;
}

.navigation ul{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.navigation ul li a{
  padding: 10px 15px;
  margin: 0 5px;
  cursor: pointer;
  color: var(--color-50);
  border-radius: 10px;
}

.navigation ul li a:hover{
  color: var(--color-30);
}

.navigation ul li a.active{
  color: var(--color-0);
}