header {
   backdrop-filter: blur(8px);
   background-color: var(--color-white-opac-7);
   transition: all 0.3s ease;
   box-shadow: 0 1px 2px var(--color-black-opac-03);
}

header .nav-link,
header .user-icon span {
   color: var(--color-main);
}

header.scrolled-header {
   backdrop-filter: blur(8px);
   background-color: var(--color-white-opac-98);
   box-shadow: 0 1px 3px var(--color-black-opac-08);
   border-bottom: 1px solid var(--color-main-opac-08);
}

header.scrolled-header .nav-link:hover,
header.scrolled-header .user-icon:hover span {
   color: var(--color-orange);
}