.sidebar{
    background-color: hsla(0, 0%, 100%, 0);    
 }
 .sidebar .nav-links li a .link_name {
    font-size: 22px;
    font-weight: 400;
    color: black;
    transition: all 0.4s ease;
}
.sidebar .nav-links li:hover a .link_name{
   color: white;
   transition: 250ms;
}

.cybermiau{
   transition: all 0.5s !important;
   background-image: linear-gradient(90deg,red,blue,green,#11100f) !important;
	background-size: 400% 400% !important;
   animation: cybermiau 3s  infinite ease-in-out !important;
   color: #fff;
   width: 107%;
   padding: 3px;
   right: 4%;
}

.cybermiau .nav-links li:hover a .link_name{
   color: white !important;
   background-image: none !important;
   font-size: 35px !important; 
}
.cyberremitext{
   font-size: 25px !important;
   color: white !important;
   font-weight: 900 !important;
   FONT-FAMILY: monospace;

}
@keyframes cybermiau {
   0%{background-position: 0 50%;}
   50%{background-position: 100% 50%;}
   100%{background-position: 0 50%;}
}
.sidebar45{
  position: fixed;
  top: 0;
  left: 0;
  width: 80px;
  height: 100vh;
  background-color: #11100f;
  color: antiquewhite;
  transition: all 1s ease-in;  
}
.sidebar45:hover{
  width: 180px;
  cursor: pointer;
  z-index: 999;
}
@media (max-width:600px) {
   .sidebar45{
      display: none; 
    }
}