.projects {
	align: center;
	width: 1000px;
	margin-top: 20px;
	position: relative;
	max-width: 80%;
	min-width: 800px;
	height: 300px;
}
.projectname {
	position: relative;
	color: #ffffff;
	font-family: arial;
	font-size: 20px;
	margin-top: -10px;
	font-weight: bold;
}
.projecttitle {
	text-align: left;
	padding-left: 10px;
	font-size: 33px;
	font-family: impact;
	color: #ffffff;
	background: rgb(236,128,170);
	background: linear-gradient(90deg, rgba(236,128,170,1) 0%, rgba(236,128,170,0) 80%);
	border-left: 10px solid #0079c6;
}
.projectsdetailhide {
	width: 0px;
	height: 0px;
	visibility: hidden;
	overflow: hidden;
	transition: height ease 0.5s;
}
.projectsdetail {
	align: center;
	width: 1000px;
	position: relative;
	max-width: 80%;
	min-width: 800px;
	background-color: #21212199;
	height: 166px;
	border-radius: 25px;
	overflow: hidden;
	margin-bottom: 40px;
	transition: height ease 0.5s;
}
.projectsdetail img {
	float: left;
	margin-top: -15px;
	width: 200px;
	height: 200px;
}
.projectsdetail h1 {
	color: #ffffff;
	font-family: arial;
	font-size: 35px;
	text-align: left;
}
.projectsdetail p {
	text-align: left;
	margin-top: -15px;
	font-family: arial;
	font-size: 20px;
	color: #aaaaaa;
}
.projectsdetail a {
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #5165f6;
	padding: 10px;
	margin: 5px;
	margin-right: 15px;
	border-radius: 10px;
	color: #ffffff;
	font-family: arial;
	transition: 0.4s;
}
.projectsdetail a:hover {
	background-color: #1da1f2;
}