#header.active{background-color:#282829;mix-blend-mode:difference}#header.active .dark-mode{isolation:isolate;mix-blend-mode:difference;background-color:black;z-index:1}#header.active a{color:#d9d9db}@media (max-width:768px){#header.active{mix-blend-mode:normal}#header.active ul{background-color:#3d3d3d;backdrop-filter:blur(8px);top:0;z-index:999;flex-direction:row}#header.active ul a{color:#d9d9db}}#header{animation:header-animate 1s}@keyframes header-animate{0%{transform:translateY(-100%)}to{transform:translateY(0)}}