.sidebar{
background-color: var(--bg-color);
    grid-area: sidebar;
      padding: 20px;
}
.dashboard{
  color: white;
  font-size: 1.5rem;
  font-weight: 500;
  display: grid;
grid-template-columns: 30px 1fr;
gap: 10px;
margin-bottom: 30px;
}

.dashboard-icon{
  font-size: 2rem;
}

.nav{
  color: white;
  font-size: 1.2rem;
  font-weight: 500;
}

.nav-icon{
display: grid;
grid-template-columns: 40px 1fr;
margin-bottom: 5px;
  padding: 10px;
cursor: pointer;
transition: background-color 0.15s;
}

.nav-icon:hover{
background-color: var(--hover-bg-color);
  border-radius: 10px;
}

.settings{
  margin-top: 80px;
}