#header {
	display: flex; 
	background: RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important;
	height:100%; 
	position:fixed; 
	text-align:center; 
	top:0; 
	width: 18em; 
	left:0;
}

#nav {
	width: 100%;
}

#header > nav ul li a.active {
	background: #fff;
	color: RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important;
}

.wrapper {
	margin-left: 18em;
}

.divider {
		width: 100%;
		height: 0.5rem;
		background-color: #f4f4f4;
		border-width: 1px 0;
}

.svg-inline--fa {
	height: 2em;
}

.circle {
	border-radius: 50%;
}

.icon-circle {
	background-color: #58677c;
	background-size: cover, contain;
	width: 80px;
	height: 80px;
	padding-top: 1.25rem;
	top: -40px;
	left: 50%;
	margin-left: -40px;
}

.bg-backend {
	background-image: url('../img/backend.png');
}

.bg-frontend {
	background-image: url('../img/frontend.png');
}

.bg-database {
	background-image: url('../img/database.png');
}