body{
    background:url("https://images.cnblogs.com/cnblogs_com/xmlearning/1555441/o_1570853311085.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#home{
    margin: 0 auto;
    opacity: 0.9;
    width: 65%;
    min-width: 1080px;
    background-color: #fff;
    padding: 30px;
    margin:50px auto;
    box-shadow: 0 2px 6px rgba(100,100,100,0.3);
    border-radius: 20px;
   
  }
h1 {
    text-align: center;
}

// 滚动条 高宽背景
::-webkit-scrollbar {
  height: 80px;
  width: 12px;
  border-radius: 10px;
  background-color: #f5f5f5;
}
 
// 滚动条 内阴影+圆角
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f5f5f5;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

// 滚动条滑块 内阴影+圆角
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear,
  left bottom,left top, 
  color-stop(0.44, rgb(251,194,235)),
  color-stop(0.72, rgb(166,193,238)),
  color-stop(0.86, rgb(166,193,238)));
  transition:0.3s ease-in-out;
}

// 滚动条滑块 悬浮
::-webkit-scrollbar-thumb:hover {
  background-image: -webkit-gradient(linear,
  left bottom,left top, 
  color-stop(0.44, rgb(251,194,235)),
  color-stop(0.72, rgb(251,194,235)),
  color-stop(0.86, rgb(166,193,238)));
  transition:0.3s ease-in-out;
}