.main {
	padding: 40px 0 0 0;
	width:100%;
	overflow:hidden;
}
.main > h1 {
	position: absolute;
	font-size: 50px;
	font-family: 'ibm';
	margin: 0;
	bottom: 44px;
	left: 66px;
	display: flex;
	transform: rotate(-90deg);
	transform-origin: 0% 100%;
}








/*index des projet+photo sur la home*/
.vertical-carousel {
	display:          flex;
	gap:              40px;
}
.vertical-carousel a:first-child {
	padding: 0 0 0 166px;
}
.vertical-carousel a:last-child {
	padding: 0 166px 0 0;
}
.project-poster {
	/* background-color: cyan; */	
	text-decoration:  none;
	color:            var(--color-black);
	font-family:      'ibm'
}
.project-poster div:nth-child(1) img {
	position: relative;
	top: 350px;
	left: 5px;
	z-index: 1;
	opacity: 0;
	transition: .3s;
}
.project-poster div:nth-child(2) img {
	height:           400px;
	width:            300px;
	margin: -50px 0 0 0;
	object-fit:       cover;
	transition: .3s;
}

.project-poster:hover div h3,
.project-poster:hover div:nth-child(2) img {
	filter: brightness(0.5);
	transition: .3s;
}
.project-poster:hover div h2 {
	color: #D9D9D9;
	transition: .3s;
}
.project-poster:hover div:nth-child(1) img {
	opacity: 1;
	transition: .3s;
}
.project-poster div h2 {
	margin:           30px 0 0 0;
	font-size:        50px;
	transition: .3s;
}
.project-poster div h3 {
	margin:           20px 0 0 0;
	font-size:        24px;
	font-family:      'ibm-thin-italic';
	font-weight:      100;
	background-color: var(--bg-gray);
	padding:          15px;
	transition: .3s;
}