body{
	padding-bottom: 2000px;
	/*font-family: roboto 'sans-serif';*/
}

footer{
	margin-top: 300px;
}
/**/
#skill,#project{
	margin-top: 200px;
}

/**/
/*navbar*/
.navbar{
	flex-direction: row-reverse;
}

.name{
	font-family: roboto 'serif';
	font-weight: 900;
}
.span{
	display: block;
	margin-left: 130px;
}
.header-box{
	position: relative;
	background-color: #000;
	color: #fff;
	width: 100px;
	padding: 10px 10px;
	transition: .8s;
}/*
.haeder-box::before{
	display: block;
	content: '';
	position: absolute;
	bottom: -50%;
	left: -10%;
	width: 30px;
	height: 30px;
	background-color: blue;
}*/
.header-content{
	padding-top: 100px;
}
/*navbar*/

/*toogle navigasi*/
.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,0);
}
.navbar-toggler{
	padding: 0px;
	border: 0;
}
button:focus{
	outline: none;
}


.btn-custom{
	text-decoration: none !important;
	color: #aaa;
	border: 1px solid #aaa;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	margin-top: 20px;
	display: inline-block;
	padding: 10px 20px;

}
/*POJECT*/
#project{
	background: #fafafa;
	/*padding: 100px 100px;*/
}
.line-left{
	order: 1;
	width: 438px;
	height: 1px;
	background-color: #ddd;
}
.line-right{
	order: 3;
	width: 438px;
	height: 1px;
	background-color: #ddd;
}
.project-text{
	order: 2;
}
.card{
	box-shadow: 0 0 5px rgba(0,0,0,.1);
}
.card .thumbnail-project{
	padding: 10px;
}
/*POJECT*/

/*cartificates*/
.carousel-indicators li {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0,0,0,.4);
	border: 0;
	background: #aaa;
 }
/*FOOTER*/
.footer .footer-link a{
	text-decoration: underline;
}
.footer .footer-link a:hover{
	text-decoration: none;
}
/*FOOTER*/
.btn-custom:hover{
	color: #000;
	background: #eee;
}
@media(max-width: 768px){
	.card{
		margin-bottom: 20px;
	}
}
@media(min-width: 576px){
	.navbar-expand-sm .navbar-nav .nav-link{
		padding-left: 0;
	}
	#project{
		padding: 100px 100px;
	}
	/*.haeder-content{
		padding-top: 100px;
	}*/
}

@media(max-width: 576px){
	.header-top{
		display: none;
	}
	.navbar{
		flex-direction: row;
		/*background: #eee;*/
	}
	header hr{
		display: none;
	}
	/*.header-profil{
		padding-top: 100px;
	}*/
	#project .row{
		padding: 20px;
	}
	.card{
		margin-bottom: 20px;
	}
	.text-skill{
		font-size: .9em;
	}

}