.wrapper {
	background-color: #f8f8f8;
	display: flex;
	justify-content: center;
	align-items: center;
}

.header {
	background-color: #f8f8f8;
}

a {
	color: black !important;
}

#docs a {
	text-decoration: none;
}

.tree-item {
	max-width: 400px;
	padding: 10px 15px;
	border: 2px solid black;
	margin-bottom: 80px;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	position: relative;
	color: black;
}

.tree-item:last-child {
	margin-bottom: 0px;
}

.tree-item:not(:last-child)::before {
	content: "";
	position: absolute;
	top: calc(100% + 10px);
	height: 60px;
	width: 2px;
	background: black;
	left: 50%;
	transform: translateX(-50%);
}

.tree-item:not(:last-child)::after {
	content: "";
	position: absolute;
	top: calc(100% + 65px);
	left: 50%;
	transform: translateX(-50%);
	border: 5px solid transparent; 
	border-top: 10px solid black;
}