html{
/*	--scrollbarBG: #CFD8DC;*/
	--scrollbarBG: #000000;
/*	--thumbBG: #90A4AE;	*/
/*	--thumbBG: #333333; */
	--thumbBG: #000000;
}

body::-webkit-scrollbar {
	width: 14px;
}

/* voor firefox: doet niet veel */
body{
	scrollbar-width: thin;
	scrollbar-color: var(--thumbBG) var(--scrollbarBG);
/*	scrollbar-color: #00DD00;	*/
}

body::-webkit-scrollbar-track {
	background: var(--scrollbarBG);
}

body::-webkit-scrollbar-thumb {
	background-color: var(--thumbBG) ;
	border-radius: 6px;
	border: 3px solid var(--scrollbarBG);
/*	box-shadow: inset 0 0 1px grey;	*/
}

/* Handle on hover */
body::-webkit-scrollbar-thumb:hover {
  background: #555;
}
/*
html {
	background: lightgrey;
	overflow: hidden;
}
*/

/*
body {
	height: 100vh;
	overflow-y: auto;
	margin: 0 auto;
	padding: 2rem;
	border: 1px solid rgba(1.0, 0, 0, 1.0)
}
*/
/* origineel
body {
	height: 100vh;
	background: whitesmoke;
	overflow-y: auto;
	max-width: 310px;
	margin: 0 auto;
	padding: 2rem;
	font: 100%/1.4 serif;
	border: 1px solid rgba(0, 0, 0, 0.25)
}
*/

/*
p{
	margin: 0 0 1.5em;
}
*/

/*
* {
	box-sizing: border-box;
}
 */