body{
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 background-attachment: fixed;
  
}
.HeaderMainTitle{
font-size: 30px;
}
h2{
text-align: right;
font-size: 20px !important;
}

.menu::after{
content: " ";
position: absolute;
height: 100%;
width: 0;
left: -1px;
bottom: 0px;
transform-origin: center;
transition: all .5s;
border-bottom: 3px solid #FFFFFF;

}
#navList{
    height: 100% !important;
}
#navList li{
    height: 100%;
    position: relative;
}
#navList li a{
    height: 100%;
    display: inline-block;
    position: relative;
line-height: 60px;
    width: 100%;
    margin: 0;
 
    overflow: hidden;
}
  #navList li:hover a::after {
        width: 70%;
       
      
    }
    header{
        position: sticky;
    }
#main{
    background-color: rgba(255, 255, 255,0.5);
}
#mainContent,#top_nav,#topics{
    background-color: rgba(255, 255, 255,0.7);
}
#navigator{
    position:sticky;
    background:rgba(51,51,51,0.7)
}
canvas{
  margin: 0;
  padding: 0;
  display: block; /*  ˉ\_(ツ)_/ˉ  */
  touch-action: none; 
}