:root{
	--primary-color: rgb(230, 231, 232);
	--secondary-color: rgb(241, 242, 242);
	--button-color: rgb(250, 253, 253);
}
.navbar-sco{
	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-sco: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-sco{
	background-color: rgb(0, 29, 47);
	padding: 5px 55px 5px 55px;
	font-size: 12px;
}
.title-sco{
	font-family: 'Work Sans', sans-serif;
}
.section-pair{
	background-color: #546b8a;
	color: rgb(255, 255, 255);
	padding: 3rem 3rem 3rem 3rem;
}
.section-pair-card{
	color:black;
	background-color: rgba(255, 255, 255, 0.89);
}
.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: #546b8a;
	color: white;
}