@import 'root.css';
.wrapper{
	padding-top: 20px;
	padding-bottom: 20px;
}

.divider
{
	position: relative;
	/*margin-top: 90px;*/
	height: 1px;
}

.div-transparent:before{
	content: "";
	position: absolute;
	top: 0;
	left: 35%;
	right: 35%;
	width: 30%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, rgb(48,49,51), transparent);
}

.div-dot:after{
	content: "";
	position: absolute;
	z-index: 1;
	top: -9px;
	left: calc(50% - 9px);
	width: 18px;
	height: 18px;
	background-color: goldenrod;
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px white,
					0 0 0 4px white;
}

#title-separator-hypnose.div-dot:after{
	background-color: var(--section-1-color);
}

#title-separator-pourquoi.div-dot:after{
	background-color: var(--section-2-color);
}

#title-separator-comment.div-dot:after{
	background-color: var(--section-3-color);
}

#title-separator-contact.div-dot:after{
	background-color: var(--section-4-color);
}