*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Muli', sans-serif;

}

header{
	width:100%;
	height:100vh;
	background-image: linear-gradient(to left bottom, #370537, #4a005a, #540084, #4f00b5, #121beb);
    position: relative;

}

nav{
	width: 100%;
	height:15vh;
	display:flex;
	justify-content:space-around;
	align-items: center;
	position: absolute;
}

.logo p{
	color:white;
	text-decoration: none;
	font-size: 2.1rem;
	text-transform: uppercase;
	font-family: 'Metal Mania', cursive;
	text-align: left;
    position: absolute;
    letter-spacing: 3px;
    left:10%;
    text-align: center;

}

			
.cant ul li{
	list-style: none;
	display: inline-block;
	padding:0 15px;

}

.cant ul li a{
	text-decoration: none;
	color:white;
	text-transform:capitalize;
}

.active, ul li:hover{
	border-top: 2px solid #5dade2 ;
	border-bottom: 2px solid #5dade2 ;
}

.cont {
	position: absolute;
	right:5%;
	text-align: center;
	background-color: #d465ef;
	padding: 13px 18px;
	font-size: 19px;
	font-weight: 500;
	border:1px solid transparent;
	text-transform: capitalize;
	top:35%;

}

.cont a{
	color:white;
	text-decoration: none;
}

.cont:hover{
	background: linear-gradient(to bottom, #615cfd 0%, #d465ef 100% );
}

.center {
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}

.center h1{
	color: white;
	font-size: 50px;
	text-transform: capitalize;
	font-weight: 700;
	margin-bottom: 10px;
	text-shadow: 1px 1px 1px white;

}

.center h2{
	font-size: 30px;
	color:white;
	text-transform: capitalize;
	font-weight: 500;
	text-align: center;
}

.center h2:before{
	content: "";
	width:40px;
	height:auto;
	border: 2px solid white;
	position:absolute;
	left:-45px;
	bottom:0;
	margin-bottom: 14px;


}

.center h2:after{
	content: "";
	width:40px;
	height:auto;
	border: 2px solid white;
	position:absolute;
	right:-45px;
	bottom:0;
	margin-bottom: 14px;
	z-index: 0;
	

}

.img img{
	left:0;
	bottom:15px;
	overflow: none;
    align-items: left;
    position: absolute;

}
/*////icons///*/

.social{
	width:100px;
	height:auto;
	position: absolute;
	right :0;
	top:40%;
}

.icons{
	width:40px;
	height: 40px;
	border-radius: 50%;
	background:linear-gradient(to bottom, #615cfd 0%, #d465ef 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	text-transform: none;

}

.icons:nth-child(even){
	margin:25px 0;

}

.icons:hover{
	background:linear-gradient(to bottom, #d465ef  0%, #615cfd 100%);;
}