.navbar-custom {display: flex;}

#top_nav{ left: 0; right: 0; background-color:  rgba(191,215,240,0.75);} 



#navList li:nth-child(1){background: url(https://common.cnblogs.com/favicon.svg) no-repeat 15%/20%  ;}
#navList li:nth-child(2){background: url(https://blog-static.cnblogs.com/files/blogs/747679/8541853_home_icon.svg?t=1651544486) no-repeat 15%/25%  ;}
#navList li:nth-child(3){background: url(https://blog-static.cnblogs.com/files/blogs/747679/3209355_document_edit_note_review_writing_icon.svg?t=1651545583) no-repeat 15%/25%  ;}
#navList li:nth-child(4){background: url(https://blog-static.cnblogs.com/files/blogs/747679/3669372_contact_mail_icon.gif?t=1649768188) no-repeat 15%/25%  ;}
#navList li:nth-child(5){background: url(https://blog-static.cnblogs.com/files/blogs/747679/stars_icon.svg?t=1650770715) no-repeat 15%/25%  ;}
#navList li:nth-child(6){background: url(https://blog-static.cnblogs.com/files/blogs/747679/3844474_gear_setting_settings_wheel_icon.gif?t=1649768823) no-repeat 15%/25%  ;}

#navigator{height: auto;width: inherit;background-color: rgba(197, 223, 253, 0.5); float: none;}
#navigator .blogStats{ color: whitesmoke; float: right;  margin: 0; visibility: unset;display: inline-block; }
#navList {display: inline-block;float: none;}
#navList li{ 
  display: inline-block;  margin: 0 5px; 
  float: none; width: 100px;
  min-width: 100px; height: 50px;
 }
#navList li a{width: 100px; min-width: 70px; height: 50px; margin: 0;
 line-height: 50px;  display: block;  padding-top: 0; text-align: center;
 font-size: 18px; border-left: 1px solid #ccc; } 
#navList a:visited,#navList a:link{ color: white; text-decoration: none;}
#navList a:hover{text-decoration: underline; background-color: rgba(240,248,255,0.7); color: cornflowerblue; }

#blogTitle h1 a{text-shadow: none;}
#header{background-image: url(https://blog-static.cnblogs.com/files/blogs/747679/BingWallpaper.gif?t=1650766641); background-position: 1px 10px ;
animation-name:starSky;
animation-duration:10s;
animation-timing-function:ease-in-out;
animation-iteration-count:infinite;
animation-direction:alternate;
}
#blogTitle *{ color: aliceblue !important; }
#footer{  background-color: rgba(240,248,255,0.5);	}
#main { background-color: rgba(240,248,255,0.85);}
#home {width: 85%;}

#sideBar{ max-width: 300px; background-color: rgba(240,248,255,0.25); min-width: 200px; margin-left: 0;} 
#mainContent{background: initial; width: 80%;}

body{ 
background-image:  url(https://blog-static.cnblogs.com/files/blogs/747679/screen.gif?t=1649752983);
background-position: center;
background-size: cover;
background-attachment: fixed;
margin-top: 40px;
font-size: 16px;
} 

@keyframes starSky
{
	0%   {background-position: 0% 0%;}
  100%   {background-position: 100% 100%;}
}