:root{
	--primary-color: rgba(210, 219, 232, 100%);
	--secondary-color: rgb(255, 255, 255);
	--button-color: rgb(250, 253, 253);
}
.navbar-siapco{
	background-color: var(--primary-color);
	padding: 10px 55px 10px 55px;
}
.nav-item{
	font-weight: bold;
}
.nav-link{
	font-family: 'Work Sans', sans-serif;
	cursor: pointer;
	margin-left: 10px;
	font-size: 17px;
}
html{
	scroll-behavior: smooth;
}
body{
	background-color: var(--secondary-color);
}
footer{
	padding-bottom: 2rem;
	padding-top: 2rem;
	background-color: var(--primary-color);
}
.text-siapco{
	opacity: 0.85;
}
.card-siapco:hover {
	transform: scale(0.99, 0.99);
}
.btn-primary{
	border: solid 1px var(--button-color);
	background-color: var(--primary-color);
	color: black;
	font-weight: bold;
}
.btn-primary:hover{
	border: solid 1px var(--button-color);
	background-color: var(--primary-color);
	color: black;
	transform: scale(1.02, 1.02);
	font-weight: bold;
}
a{
	color: black;
}
a:hover{
	color: black;
}
.info-siapco{
	background-color: rgb(0, 29, 47);
	padding: 5px 55px 5px 55px;
	font-size: 12px;
}
.title-siapco{
	font-family: 'Work Sans', sans-serif;
}
.section-pair{
	background-color: #146D9C;
	color: white;
	padding: 3rem 3rem 3rem 3rem;
}
.section-pair-card{
	color:black;
	background-color: rgba(255, 255, 255, 95%);
}
.section-odd{
	padding: 3rem 3rem 3rem 3rem;
	/*background: url("../images/bk.svg"), no-repeat center center fixed;*/
	background-size: cover;
}
.section-odd-card{
	background-color: #146D9C;
	color: white;
}