*{
	scroll-behavior: smooth;
}
::-webkit-scrollbar{
	width: 15px;
}
::-webkit-scrollbar-track{
	background-color:#dc3545;
	box-shadow: inset 0px 15px 20px red;
	
}
::-webkit-scrollbar-thumb{
	background-color: white;
	border-radius: 10px;
	
	box-shadow: 2px 2px 10px black;
}
.navbar{
	padding: 2% 10%;
}
#home-section{
	background: #dc3545;
	color: white;
	padding: 4% 10%;
	padding-bottom:7%;
}

.home-title{
	
	margin-top: 10%;
}

.home-image>img{
	border-radius: 8%;
	box-shadow: 2px 2px 10px black;

}

.main-title{
	font-size: 3rem;
}
.main-title::selection{
	background: red;
	color: white;
}
.title-para{
	font-size: 1.5rem;
}
.title-para::selection{
	background: red;
	color: white;
}
#about-section{
	padding: 15% 3%;
	
}
#about-section p{
	padding: 3%;
	font-size: 1.5rem;
	color:#dc3545 ;
}
.fa-solid{
	font-size: 3rem;
	margin: 10%;
	color:#dc3545 ;
}
.about-cont:hover{
	transition: 1s;

	transform: translateY(-20px);
}
.about-cont{
	text-align: center;
	font-size: 1rem;
}
.about-cont>p::selection{
	background: #dc3545;
	color: white;
}
.project{
	padding: 3%;
}

.project:hover{
	transition: .5s;
	box-shadow: 2px 2px 10px black;
	transform: translateY(-10px);
}
#project-section{
	background: #dc3545;
	padding: 4% 10%;
	text-align: center;
	color: white;
}
#certificate-section{
	padding: 10% 3%;
}
.certify-image{
	margin: 3% 0;
}
.certify-image img:hover{
	box-shadow: 2px 2px 10px black;
	transition: .5s;
	transform: translateY(-10px);
}
.certify-image-big{
	margin: 5% 15%;
}
.certify-image-big img:hover{
	box-shadow: 2px 2px 10px black;
	transition: .5s;
	transform: translateY(-10px);
}
footer{
	padding: 10% 3%;
	text-align: center;
	font-size: 1.5rem;
	color: white;
	background:#dc3545 ;
}
footer .fa-brands,.fa-regular{
	margin: 3% 2%;
	color: white;
}
.fa-brands:hover,.fa-regular:hover{
	transform: scale(2);
	transition: .5s;
}
.last-title{
	font-size: 1rem;
}
.tab-model:hover{
	transition: .5s;
	border-radius: 10px;
	box-shadow: 2px 2px 10px black;
}

@media(max-width: 768px){
	.nav-item{
		text-align: center;
	}
	.home-image>img{
		
		margin-top: 10%;
	}
	.main-title,.title-para{
		text-align: center;

	}
	.certify-image-big{
		overflow-x:hidden;
	}
}
