@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;400;700;900&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css");

/*****
* COLORS
*****/

.bg-dark,
.text-bg-dark,
.black-bg {
	background-color: #000000!important;
}

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #000000!important;
	--bs-btn-border-color: #000000!important;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #242424!important;
	--bs-btn-hover-border-color: #242424!important;
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #242424!important;
	--bs-btn-active-border-color: #242424!important;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #2f2f2f!important;
	--bs-btn-disabled-border-color: #2f2f2f!important;
}

/*****
* BASICS
*****/

body {
	//font-family: 'Roboto Slab', serif;
}

p {
	font-weight: 200;
}

.btn {
	border: 0!important;
	border-radius: 0!important;
	padding: 0.7rem 1rem;
}

.nav-pills {
	--bs-nav-pills-border-radius: 0!important;
}

.btn .bi {
	margin-right: 7px;
}

.section-home {
	padding: 50px 0;
}


/*****
* PROJECT
*****/

#project img {
	width: 100%;
}

#project h1 {
	margin: 20px 0;
	font-weight: bold;
}

#project .project-detail,
#project .project-navigation {
	margin-top: 30px;
}

#project .project-detail span {
	font-weight: normal;
	text-transform: uppercase;
}

/*****
* PROJECTS
*****/

#projects {}

.list-projects {
	margin-top: 40px;
}

.list-projects .card-project {
	border: 0;
}

.list-projects .card-project a {
	text-decoration: none;
}

.list-projects .card-project a:hover {
	text-decoration: underline;
}