:root {
  --white: #fff;
  --black: #272727;
}
#icon {
  width: 30px;
  cursor: pointer;
}


.dark-theme {
  --black: #fff;
  --white: #000106;
}
body {
  background-color: var(--white);
  transition: 2s;
}
*{
    color: var(--black);
    
}
p{
  color: var(--black);
}
.navigation{
  background: rgba(233, 233, 233, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
}

.h-border{
  border-top: 1px solid var(--black);
  
}
.nav-link1{
  color: var(--black);
}
.aside1{
  background-color: var(--white);
}