CUSTOM SCROLLBAR
Run 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML</title>
<style>
	 
	::-webkit-scrollbar {
	  width: 20px;
	}

	::-webkit-scrollbar-track {
	  box-shadow: inset 0 0 5px grey; 
	  border-radius: 10px;
	}
	 
	
	::-webkit-scrollbar-thumb {
	  background: red; 
	  border-radius: 10px;
	}
	  
</style>
</head>
<body>
   <div class="container">
	<h1>Custom Scrollbar</h1>
	 <h2> Scroll Here </h2>
	 <h2> Scroll Here </h2>
	 <h2> Scroll Here </h2>
	 <h2> Scroll Here </h2>
	 <h2> Scroll Here </h2>
	 <h2> Scroll Here </h2>
	 <h2> Scroll Here </h2>
	 <h2> Scroll Here </h2>
	 <h2> Scroll Here </h2>
	 <h2> Scroll Here </h2>
	 <h2> Scroll Here </h2>
	 <h2> Scroll Here </h2>
	 <h2> Scroll Here </h2>
	 <h2> Scroll Here </h2>
	 <h2> Scroll Here </h2>
	 <h2> Scroll Here </h2>
	 <h2> Scroll Here </h2>
	 <h2> Scroll Here </h2>
	 <h2> Scroll Here </h2>
	 <h2> Scroll Here </h2>
	 <h2> Scroll Here </h2>
	 <h2> Scroll Here </h2>
	 <h2> Scroll Here </h2>
	 <h2> Scroll Here </h2>
	
   </div>	
</body>
</html>