/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track { 
  border-radius: 0px;
  background: #010030;
  box-shadow: #FFF 0 0px 16px, #cbfaff 0 0px 40px, #00ffff 0 0px 80px, blue 0 0px 160px, inset #cbfaff 0 0px 10px ;
  border: 1px solid;
  border-color: #ffffff ;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: linear-gradient(to right, #010030 0%, #1C6EA4 50%, #0200C5 100%); 
  border-radius: 5px;
  box-shadow: #FFF 0 0px 16px, #cbfaff 0 0px 40px, #00ffff 0 0px 80px, blue 0 0px 160px, inset #cbfaff 0 0px 10px ;
  width: 5px;
  border: 1px solid;
  border-color: #ffffff ;
  transition: 1s;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to right, darkorange 0%, orange 50%, brown 100%);
  box-shadow: #FFF 0 0px 32px, #ff0 0 0px 80px, #ff8000 0 0px 160px, red 0 0px 230px, 5px 5px 15px 5px rgba(0,0,0,0), inset #cbfaff 0 0px 10px;
}











body {
  background-image: url(picture_and_effects/a-wooden-floor-in-a-park-with-trees-and-grass-free-photo.jpg);  
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
}






.box {
      
  /*----------------------------------------------------*/
      
      backdrop-filter: blur(3px);
      
  /*----------------------------------------------------*/
    
      border: 1px solid;
      border-radius: 0px 0px 40px 40px;
      border-color: white ;
      box-shadow: none ;
      padding:20px;
    
  /*----------------------------------------------------*/
  
      height: 75px;
      width: 1296px;
      display:block;
      position: fixed;
      margin-top: -95px;
      margin-left: 0px;
      
  /*----------------------------------------------------*/
  
  transition: 1s;
      
}

  
  .box:hover {
      
  /*----------------------------------------------------*/
      
      backdrop-filter: blur(5px);
      
  /*----------------------------------------------------*/
    
      border: 1px solid;
      border-radius: 0px 0px 40px 40px;
      border-color: white ;
      box-shadow: #FFF 0 0px 16px, inset #cbfaff 0 0px 10px ;
      padding:20px;
    
  /*----------------------------------------------------*/
  
      height: 150px;
      width: 1296px;
      display:block;
      position: fixed;
      margin-top: -10px;
      margin-left: 0px;  
      
      
  /*----------------------------------------------------*/
  
     
  }