/*Google font CDN link*/
@import url('')

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: ;
}
.header{
	height: 100vh;
	width: 100%;
}
.header nav{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
}
nav .navber{
	width: 90%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 20px auto 20px auto;


}
.navber .logo{
	height: 100px;
	width: 150px;

}
.navber .logo img{
	height: 100%;
	width: 100%;


}
.navber .menu{
	display: flex;
}
.navber .menu li{
	list-style: none;
	margin: 0 20px;
}
.navber .menu li a{
	font-size: 18px;
	color: #2c3c50;
	text-decoration: none;
	text-transform: capitalize;
	font-weight: 500;
}
.navber .menu li a:hover{
	color: #000;
}
.navber .ser-box{
	position: relative;
	height: 50px;
	width: 250px;

}
.ser-box input[type="text"]{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	color: #2c3c50;
	font-size: 18px;
	border: 2px solid#2c3c50;
	border-radius: 10px;
}
.ser-box a{
	position: absolute;
	left: 210px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	color: #2c3c50;
	padding: 0 5px;
	border-left: 2px solid#2c3c50;
}
.content{
	position: absolute;
	top: 33%;
	left: 7%;
}
.content .text{
	font-size: 27px;
	color: #2c3c50;
	font-family: tahoma;
}
.content .name{
	font-size: 75px;
	color: #2c3c50;
	margin: 0 -5px;
}
.content .job{
	font-size: 45px;
	color: #2c3c50;
	display: flex;
}
.content .job .typing-text{
	color: #1de2d1;
	margin-left: 15px;
	animation: typing 5s steps(13) infinite;
	
	white-space: nowrap;
	overflow: hidden;
	border-right: 4px solid #1de2d1;
}
@keyframes typing{
	0%{
		width: 0ch;
	}
	50%{
		width: 15ch;
	}
	100%{
		width: 0ch;
	}
}