*{
    margin:0;
    padding:0; 
    
}


/*Logo-All pages */
.mainlogo{
	background-color:white;
	margin-left:40px;
	top:0;
	position:fixed;
	overflow: hidden; /*Prevents scroll bar from showing up*/
	border-bottom-right-radius:20px;
	border-bottom-left-radius:20px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}


/*Navigation bar*/
.navbar{
	right: 0;
	width:100%;
	height: 25px;
	overflow: hidden;
	position:fixed;
	top:0;
	left:0;
	right: 0;
	display:flex;
	font-style: bold;
	justify-content: center;
	list-style-type:none;
	font-size:20px;
	background-color: rgba(58, 59, 59, 0.9);
	margin:0px;
	padding-top:10px;
	padding-bottom:10px

}

.navbar a{
	justify-self: center;
	text-decoration:none;
	color:white;
	padding:20px;
	margin:2px;
	font-family: sans-serif;
}

.navbar a:hover{
	background: linear-gradient(to top, #b45858, #b34343);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
			
}

.navbar a.active{

	background-image:linear-gradient(to bottom, #45A29E, #45a294);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*For the Name in the main page*/
.name{
	margin-top:320px;
	right:0;
	margin-bottom:5px;
	font-family:Helvetica, sans-serif;
	color:rgba(222, 229, 231, 0.8);
	font-size:70px;
	text-align:center;

}
.caption{
	margin-top:5px;
	font-family: sans-serif;
	color: rgb(179, 179, 179);
	font-size:20px;
	text-align:center;	
}


/* For footer */
footer{
	
	left:0;
	right:0;
	margin-top:20%;	
	position: absolute;
	width:100%;
	height:20px;
	padding-top:15px;
	font-family: 'Times New Roman', Times, serif;
	
	
}

p{
	letter-spacing: 2px;
	line-height: 1.5;
	padding-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	color: rgb(226, 219, 219)
}

/* For the link boxes*/
.fontsytle{
	
	padding-top:10px;
	border: #817f7f;
	border-style: solid;
	border-radius: 20px; 
	background-color: rgba(53, 53, 53, 0.5);
	font-family:'Times New Roman', Times, serif;
	font-size:20px;
	color:rgb(233, 248, 243);
	text-align: center;
	height: 80px;
	
}
/* Butoon of the link boxes*/
.button{
	border-style: solid;
	margin-top:2px;
	border-radius:20px;
	padding:6px;
	height:40px;
	width: 70px;
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.button:hover{
	background-color:rgb(83, 83, 102);
}

/*CV page Image slider*/
.gallery{
	z-index:-1;
	left:0;
	padding-top: 10px;
	padding-bottom: 10px;	
	position:absolute;
	width:50%;
	height:775px;
	background-color rgba(53, 53, 53, 0.5);
	margin-top;
}

.gallerycontainer{
	padding: 0;
	margin-left:70%;
	height:600px;
	width:60%;
	border: 10px solid lightgrey;
	border-radius: 5px;
	margin-top: 1700px;
}

/*Container of research page*/
.research{
	margin-top: 150px;
	margin-left: 200px;
	margin-right: 100px;
	height: 3300px;
	color:white;
	background-color:rgba(39, 39, 38, 0.8);
}

.imgsize{
	width:100%;
	height:100%;
	transition: transform .2s;
	}

.imgsize:hover{
	transform:scale(1.2);
	}



/*Contact page*/

.enquiry{
	margin-top: 5px;
	margin-left:10px;
	width:800px;
	height:700px;
	background-color:rgba(39, 39, 38, 0.7);
	
	padding:10px;
	
	
}

.formfont{
	font-family:sans-serif,serif,helvetica;
	font-size: 17px;
	color: azure;
}

.formbox{
	font-family:sans-serif,serif,helvetica;
	font-size:15px;
	width:600px;
	height:30px;
	border-radius:3px;
	border:2px solid rgb(77, 35, 35);
	padding-left:5px;
}

/* For the submit button*/
.submit{
	background-color:rgba(60, 85, 114, 0.9);
	border-radius:15px;
	border:none;
	width:150px;
	height:50px;
	cursor:pointer;
	color:white;
	font-family: sans-serif,serif,helvetica;
	font-size: 20px;
	text-align: center;
	
}

.submit:hover{
	background-color:#722626;
	
}