<div>
	<p>Change the color and the width <span>(+-5px)</span> in css for better effect</p>
	<p>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi elementum felis neque, eget lobortis mi vehicula sit amet. Mauris laoreet semper purus luctus dignissim. In pulvinar a velit ac hendrerit. Integer sit amet lorem nec magna auctor pretium. In hac habitasse platea dictumst. Morbi quis elit at ligula rhoncus lacinia in nec orci. Proin vel eros commodo, finibus ipsum nec, semper purus. Integer semper in enim ut blandit. Phasellus tempus felis ut tortor bibendum finibus. Proin finibus, neque ac lacinia vehicula, magna augue tempus nisl, quis sollicitudin sem ligula vel ligula. Aenean sed tellus ex.
	<p>
		Ut luctus venenatis blandit. Vestibulum pellentesque at velit ut posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc ut libero condimentum, rhoncus diam sagittis, auctor ex. Fusce sed blandit lacus. Etiam egestas porttitor sapien eget pharetra. Vestibulum interdum ipsum id erat aliquet, sit amet sollicitudin diam feugiat. Ut ac orci id mauris ultrices dignissim ac id dui. Suspendisse nec auctor arcu. Quisque eu suscipit libero, in sodales augue. Morbi ornare elit sem, vel efficitur nunc dictum sit amet.</p>
	<p>
		Pellentesque et sem tincidunt, gravida nisi a, lacinia odio. Donec interdum elementum nibh varius tristique. Vestibulum luctus risus sit amet neque eleifend ultrices. Sed sagittis, odio a finibus convallis, augue enim ullamcorper felis, id aliquet erat nulla quis odio. Pellentesque at aliquet massa, ac faucibus libero. Morbi porta molestie blandit. Duis tempor augue scelerisque ante consectetur molestie.</p>
	<p>
		Maecenas erat ex, mattis eu neque non, rhoncus tempus metus. Aliquam interdum sed nulla ac fringilla. Sed rhoncus auctor magna, sed porta leo egestas quis. Donec mauris nunc, lobortis sed consectetur sit amet, hendrerit sed nunc. Nunc dictum sagittis orci id vehicula. In tristique ante vitae iaculis congue. Maecenas eros nulla, pellentesque et risus porttitor, tristique dignissim purus. Sed quam est, gravida eu tempus maximus, egestas sed orci. Integer vitae suscipit urna. Mauris velit tortor, fringilla tristique elementum ut, pulvinar sit amet diam. Ut pulvinar diam at nisl eleifend, vel laoreet est porttitor.</p>
	<p>
		Ut hendrerit blandit nisl vitae placerat. Cras consequat, lectus non aliquam faucibus, justo urna lobortis leo, in semper neque sapien ut tortor. Mauris vulputate nisi nulla, sed blandit nibh consectetur non. Sed vitae quam eget lorem maximus consectetur mattis vitae ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec sed consequat neque. Praesent scelerisque ultrices metus a facilisis. Donec eget accumsan diam.
	</p>

	<p>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi elementum felis neque, eget lobortis mi vehicula sit amet. Mauris laoreet semper purus luctus dignissim. In pulvinar a velit ac hendrerit. Integer sit amet lorem nec magna auctor pretium. In hac habitasse platea dictumst. Morbi quis elit at ligula rhoncus lacinia in nec orci. Proin vel eros commodo, finibus ipsum nec, semper purus. Integer semper in enim ut blandit. Phasellus tempus felis ut tortor bibendum finibus. Proin finibus, neque ac lacinia vehicula, magna augue tempus nisl, quis sollicitudin sem ligula vel ligula. Aenean sed tellus ex.
	<p>
		Ut luctus venenatis blandit. Vestibulum pellentesque at velit ut posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc ut libero condimentum, rhoncus diam sagittis, auctor ex. Fusce sed blandit lacus. Etiam egestas porttitor sapien eget pharetra. Vestibulum interdum ipsum id erat aliquet, sit amet sollicitudin diam feugiat. Ut ac orci id mauris ultrices dignissim ac id dui. Suspendisse nec auctor arcu. Quisque eu suscipit libero, in sodales augue. Morbi ornare elit sem, vel efficitur nunc dictum sit amet.</p>
	<p>
		Pellentesque et sem tincidunt, gravida nisi a, lacinia odio. Donec interdum elementum nibh varius tristique. Vestibulum luctus risus sit amet neque eleifend ultrices. Sed sagittis, odio a finibus convallis, augue enim ullamcorper felis, id aliquet erat nulla quis odio. Pellentesque at aliquet massa, ac faucibus libero. Morbi porta molestie blandit. Duis tempor augue scelerisque ante consectetur molestie.</p>
	<p>
		Maecenas erat ex, mattis eu neque non, rhoncus tempus metus. Aliquam interdum sed nulla ac fringilla. Sed rhoncus auctor magna, sed porta leo egestas quis. Donec mauris nunc, lobortis sed consectetur sit amet, hendrerit sed nunc. Nunc dictum sagittis orci id vehicula. In tristique ante vitae iaculis congue. Maecenas eros nulla, pellentesque et risus porttitor, tristique dignissim purus. Sed quam est, gravida eu tempus maximus, egestas sed orci. Integer vitae suscipit urna. Mauris velit tortor, fringilla tristique elementum ut, pulvinar sit amet diam. Ut pulvinar diam at nisl eleifend, vel laoreet est porttitor.</p>
	<p>
		Ut hendrerit blandit nisl vitae placerat. Cras consequat, lectus non aliquam faucibus, justo urna lobortis leo, in semper neque sapien ut tortor. Mauris vulputate nisi nulla, sed blandit nibh consectetur non. Sed vitae quam eget lorem maximus consectetur mattis vitae ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec sed consequat neque. Praesent scelerisque ultrices metus a facilisis. Donec eget accumsan diam.
	</p>
</div>

::-webkit-scrollbar {
	width: 50px; /* change width for better effect, i used 5 or 10 */
}

::-webkit-scrollbar-track {
	background: hsl(28, 79%, 68%, 1);
}

::-webkit-scrollbar-thumb {
	background: linear-gradient(hsl(208, 79%, 29%, 0.2), hsl(208, 79%, 28%, 0.8));
	border: 2px solid hsl(273, 59%, 39%, 1);
	border-radius: 6px;
}
/** mise en page */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
div {
	margin: 0 auto;
	min-width: 400px;
	width: 30%;
}
p:first-child {
	font-weight: bold;
	font-size: 1.6rem;
	text-align: center;
}
p:first-child span {
	font-size: 1rem;
}
p {
	text-align: justify;
	margin: 2rem;
	padding: 1rem;
}