body {
	font-family: 'Montserrat', sans-serif;
}

/* header */

header {
	height: 100vh;
	//background: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.5)), url(images/header-img.jpg) no-repeat center center /cover;
	background: linear-gradient(rgb(146 138 126 / 74%), #5c76a2), url(images/header-img.jpg) no-repeat center center /cover;
}
/*navbar */
.nav-menu {
	//background: linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.5));
	background: linear-gradient(rgb(146 138 126 / 74%), #5c76a2bf), url(images/header-img.jpg) no-repeat center center /cover;
	padding: 30px;
	transition: all .7s;
}

.menu-item {
	font-size: 13px;
	letter-spacing: 1px;
	color:#eee;
	transition: color .5s;
}

.menu-item:hover {
	color: #70aed2;
}

.nav-active {
	color: #70aed2
}


.line1, .line2, .line3 {
	width: 23px;
	height:3px;
	margin:5px;
	transition: all .4s;
}

.change .line1 {
	transform: rotate(-45deg) translate(-5px, 6px);
}
.change .line2 {
	opacity: 0;
}
.change .line3 {
	transform: rotate(45deg) translate(-5px, -6px);
}

.custom-navbar {
	padding: 5px 30px;
	background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.7));
}

/*banner*/
.banner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
}

.banner-heading {
	animation-name: anim;
	animation-duration: 2s;
}

.banner-par {
	animation-name: anim;
	animation-duration: 2s;
	animation-delay: .5s;
	animation-fill-mode: backwards;
}

@keyframes anim {
	0% {
		transform: translate(-100px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}
/* end of banner */
/* end of header */

/* About */
.about {
	//background: #151f20;
	background: linear-gradient(rgb(126 132 146 / 79%), #5c76a2bf), url(images/header-img.jpg) no-repeat center center /cover;
}

.underline {
	width: 150px;
	border: 3px solid #eee;
	margin: auto;
}

.fromLeft {
	animation-name: fromLeft;
	animation-duration: 5s;
}

.fromRight {
	animation-name: fromRight;
	animation-duration: 5s;

}

@keyframes fromLeft {
	0% {
		transform: translate(-100px);

		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes fromRight {
	0% {
		transform: translate(100px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

/* end of About */

/* Dataset */

.dataset {
	//background: #2c3536;
	background: linear-gradient(rgb(126 132 146 / 79%), #5c76a2bf), url(images/header-img.jpg) no-repeat center center /cover;
}
.underlinedataset {
	width: 200px;
	border: 3px solid #eee;
	margin: auto;
}


.char{
    animation: an 1s ease-out 1 both;
    display: inline-block;
}

@keyframes an{
    from{
        opacity: 0;
        transform: perspective(500px) translate3d(-35px, -40px, -150px) rotate3d(1, -1, 0, 35deg);
    }
    to{
        opacity: 1;
        transform: perspective(500px) translate3d(0, 0, 0);
    }
}
/* end of dataset */

.evalMetrics {
	//background: #434b4c;
	background: linear-gradient(rgb(126 132 146 / 79%), #5c76a2bf), url(images/header-img.jpg) no-repeat center center /cover;
}

.underlineevalMetrics{
	width: 500px;
	border: 3px solid #eee;
	margin: auto;
}

.evalProcess {
	//background: #5b6262;
	background: linear-gradient(rgb(126 132 146 / 79%), #5c76a2bf), url(images/header-img.jpg) no-repeat center center /cover;
}

.underlineevalProcess{
	width: 500px;
	border: 3px solid #eee;
	margin: auto;
}

.impdate {
	//background: #727879;
	background: linear-gradient(rgb(126 132 146 / 79%), #5c76a2bf), url(images/header-img.jpg) no-repeat center center /cover;
}

.underlinedate {
	width: 500px;
	border: 3px solid #eee;
	margin: auto;
}

.contact {
	//background: #8a8f8f;
	background: linear-gradient(rgb(126 132 146 / 79%), #5c76a2bf), url(images/header-img.jpg) no-repeat center center /cover;
}

.underlinecontact {
	width: 300px;
	border: 3px solid #eee;
	margin: auto;
}