@font-face {
	font-family: "Poppins";
	src: url('../font/Poppins-Regular.ttf') format('truetype');
}
body {
	font-family: Poppins;
}

.bg-Dark {
	background-color: #111
}
.Color-1 {
	color: #F9812A;
}
.bg-pastel-blue {
	background: #AEC6CF
}
.color-pastel-blue {
	color: #AEC6CF
}
.text-p {
	color: #949494;
}

	/* NAVBAR */
.nav-link:hover {
	color: #fff !important;
}

	/* HOME */
/* ScrollDown */
.scroll-down {
	transform: translateX(-50%);
}
.mouse {
	position: absolute;
	bottom: 4rem;
	left: 50%;
	width: 2rem;
	height: 4rem;
	border: 3px solid #fff;
	border-radius: 2rem;
	transform: translateX(-50%);
	display: flex;
}
.mouse span {
	width: 1rem;
	height: 1rem;
	background-color: #fff;
	border-radius: 50%;
	display: block;
	margin: auto;
	animation: ball-down 1s alternate infinite; 
}
@keyframes ball-down {
	0%{
	opacity: 0;
	transform: translateY(-1rem);
	}
	100%{
	opacity: 1;
	transform: translateY(1rem);
  	}
}
	/* SERVICES */
#services .card {
	background-color: #222;
}
#services .card:hover {
	background-color: #F9812A;
}

	/* PORTFOLIO */
.pusat {
	color: white;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	white-space: nowrap;
}
.card-img {
	position: relative;
}
.overlayL {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .8);
	overflow: hidden;
	width: 0;
	height: 100%;
	transition: .5s ease;
}
.card-img:hover .overlayL {
	width: 100%;
}
	/* CONTACT */
.Message {
	border: none; 
	outline: none; 
	width: 100%; 
	background-color: #fff; 
	color: #000
}