h2,h3{font-size: 20pt;
font-family: 'Poppins', sans-serif;
color: red}

a{
	text-decoration: none;
	color:red;
	font-size: 15pt;
}

a:hover{
	text-decoration: none;
	color:purple;
	transform:rotate(25deg);
	transition: 1s;
	font-size: 15pt;

}
p{
	font-family: 'Poppins', sans-serif;
	color: red;
	font-size:10pt;
	line-height: 85%;
}

#tel{
	width:15%;
	color:red;
}


/*------------------------
		contact
------------------------*/




#email img{
	width:3%;
	height:auto;
	display:inline;
	position:absolute;
	left:46.5%;
	bottom:5%;
	margin-right:5px;
	
}

#email:hover img:hover{
	background-color: #fc5050;
}

#ig img{
	width:3%;
	height:auto;
	display:inline;
	position:absolute;
	right:46.5%;
	bottom:5%;
	
}

#ig:hover img:hover{
	background-color: #fc5050;

}





/*------------------------
		buttons
------------------------*/
#code:hover{
	background-color: grey;
}


#portfolio:hover{
	background-color: grey;
}
.wrapper{margin: 5px;
padding-top: 15px;
width:80%;}



.wrapper_header{
	margin-left: 15px;
	margin-right: 15px;

}

#portfolio{
	border:solid black 2px;
	padding: 10px 25px;
	font-family: 'Poppins', sans-serif;
	width:25%;
	height:auto;
	display: inline-block;

}

#code{
	border:solid black 2px;
	padding: 10px 25px;
	font-family: 'Poppins', sans-serif;
	width:25%;
	height:auto;
	display: inline-block;
	
}


#brand{
	border:solid black 2px;
	padding: 10px 25px;
	font-family: 'Poppins', sans-serif;
	width:30%;
	height:auto;
	display: inline-block;

}


#brand:hover{
	background-color: grey;
}