html{
overflow:hidden;
}

body.has-navbar{
width:100%;
overflow:hidden;
}

body #home{
height:auto;
border-radius:32px;
background:#FFFFFFAA;
position:absolute;
left:0.5%;
top:0;
min-width:0;
width:70%;

}

#blogTitle
{
text-align:center;
}

#navigator
{
margin:0;
}

body #home #main #sideBar{
position:fixed;
left:80%;
top:10%;
}

body #footer{
position:absolute;
bottom:0;
width:92%;
}

#background{
z-index:-3;
position:fixed;
height:100%;
width:100%;
   background-image:url('https://images.cnblogs.com/cnblogs_com/tanyui/1904636/o_201222060428%E6%9B%BE%E7%BB%8F%E7%9A%84%E6%99%9A%E9%9C%AD.jpg');
background-size:cover;
background-repeat:no-repeat;
}
 #scroll_box{
            width: 18px;
            height: 90%;
            border-radius: 10px;
            position: fixed;
            left:77%;
            top:20px;
            overflow: hidden;
background:none;
transition:background,box-shadow 0.3s ease;
        }
#scroll_box.background
{
background:#37474F77;
box-shadow:0 0 10px 2px #ECEFF1;
}
        #scroll_item{
            margin: 4px auto;
            width: 10px;
            height: 50px;
            background-color: #00E5FF20;
            border-radius: 10px;
            border: 1px solid #90CAF9;
            position: absolute;
            left:0;
            right: 0;
            top:0;
            transition:background-color 0.2s,border 0.2s,box-shadow 0.3s ease;
        }
#scroll_item.scroll_run
{

background-color:#1DE9B6;
border:1px solid #1DE9B6;
box-shadow:0 0 10px 2px #1DE9B6;
}