@font-face {
  font-family: 'SuisseIntl Thin';
  src:  url("fonts/SuisseIntl-Thin.woff2")format('woff2'),
        url("fonts/SuisseIntl-Thin.woff") format('woff');
}
@font-face {
  font-family: 'SuisseIntl Light';
  src:  url("fonts/SuisseIntl-Light.woff2")format('woff2'),
        url("fonts/SuisseIntl-Light.woff") format('woff');
}
@font-face {
  font-family: 'SuisseIntl Book';
  src:  url("fonts/SuisseIntl-Book.woff2")format('woff2'),
        url("fonts/SuisseIntl-Book.woff") format('woff');
}
@font-face {
  font-family: 'SuisseIntl Medium';
  src:  url("fonts/SuisseIntl-Medium.woff2")format('woff2'),
        url("fonts/SuisseIntl-Medium.woff") format('woff');
}

body{
	font-family: 'SuisseIntl Book';
	overflow-x: hidden;
	background-color: black;
	
}


/*NAV*/
nav{height: 50px;font-family: 'SuisseIntl Book'; mix-blend-mode: difference;}

.nav-link:link, .nav-link:visited{color: white; border: solid 1px white; border-radius: 50px; padding: 2px 4px 0px 3px;}
.nav-link:hover, .nav-link:active{color: black; background-color: white;border: solid 1px white; border-radius: 50px; padding: 2px 4px 0px 3px;}


.navbar-nav{display: flex; justify-content: space-between; width: 220px;}
/*HEADER*/



/*INDEX*/
	/*BODY*/
.logo{height:22px;}
#bodyindex{background-image: url("img/home/Portfolio_2023_Homepage_showreel_(1920X1080).gif"); background-size: cover;background-repeat: no-repeat; height: 100vh; background-position: center; mix-blend-mode: difference; 
}

.texthome{ color: white; font-size: 20px;  font-family: 'SuisseIntl Light';}
.texthome a:link, .texthome a:visited{color: white;}
.texthome a:hover, .texthome a:active{color: white; text-decoration: none;}
/*WORKS*/

 .carousel .carousel-control-prev-icon {
	 background-image: url("img/arrow/326518_arrow_back_icon copie.svg");
}
.carousel .carousel-control-next-icon {
	 background-image: url("img/arrow/326527_arrow_forward_icon copie.svg");}
.carousel-control-next-icon, .carousel-control-prev-icon { height: 100px; width: 100px;  mix-blend-mode: difference;}

.carousel-control-prev {align-items: flex-end; justify-content: flex-start; padding: 0px; opacity: 1; mix-blend-mode: difference;}
.carousel-control-next {align-items: flex-end; justify-content: flex-end; padding: 0px; opacity: 1; mix-blend-mode: difference;}
.carousel{height: 100vh;}

/*ARCIVES*/
/*IMAGE HOVER*/

.card-body{background-color: black;}
.full-screen-image {
  display: none;
  position: fixed;
   top: 22%;
  right: 25%;
  z-index: 9998; 
}

#image1, #image2,  #image5, #image7, #image8{
	width: 50%;
	height: auto;}
#image3,  #image6{
	width: 28%;
	height: auto;
	right: 36%;
}
#image4, #image7, #image8
{
	width: 39%;
	height: auto;
right: 30.5%;}
/*ACCORDION*/
	/*HEADER ACCORDION*/

.card-header{
	background-color: black;
	color: white;
	border: none;
}
.card{border: none; border-top: solid 1px white; font-size: 35px; }
.card2{border: none; border-top: solid 1px white; border-bottom: solid 1px white; }
.card-header:hover{
	color: black;
	background-color: white;
	border: none;

}


.titreAccordion{
	font-family: 'SuisseIntl Book';
	text-align: left;
	font-size: 35px;
	
}
.strong{font-family: 'SuisseIntl Light'}
.accordion-container{
	margin-top: 50px;
}
/*LINK HOVER IMAGE*/

/*ABOUT*/
#bodyindex{background-color: black; height: 100vh; background-position: center; mix-blend-mode: difference; 
}


@media (min-width: 576px) {
	
	.card-body{
		display:block !important;}
	.texthome{font-size: 20px;}
}
@media (min-width: 768px) {
	
	.card-body{
		display:block !important;}
	.texthome{font-size: 20px;}
	}
@media (min-width: 992px) {
	
	.card-body{
		display:none !important;}
	.texthome{font-size: 35px;}
	}
@media (min-width: 1200px) {
	
	.card-body{
		display:none !important;}
	.texthome{font-size: 35px;}
	
	}