/**** FONTS ****/

/*@font-face {
  font-family: poppins;
  src: url(../fonts/Poppins/Poppins-ExtraLight.ttf);
  font-weight: 200;
  font-style: normal;
}*/
@font-face {
  font-family: poppins;
  src: url(../fonts/Poppins/Poppins-Light.ttf);
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: poppins;
  src: url(../fonts/Poppins/Poppins-Regular.ttf);
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: poppins;
  src: url(../fonts/Poppins/Poppins-Medium.ttf);
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: poppins;
  src: url(../fonts/Poppins/Poppins-SemiBold.ttf);
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: poppins;
  src: url(../fonts/Poppins/Poppins-Bold.ttf);
  font-weight: 700;
  font-style: normal;
}
/*@font-face {
  font-family: poppins;
  src: url(../fonts/Poppins/Poppins-ExtraBold.ttf);
  font-weight: 800;
  font-style: normal;
}*/


/**** THEME RULES ****/
/*
@import "tailwindcss";
@theme {
  --color-lbdarkblue-800: oklch(0.72 0.11 178);
}
*/



/**** GENERAL RULES ****/

html {
	scroll-behavior: smooth;
}

body {
	font-family: poppins;
	font-weight: 300;
}

body strong{ font-weight:700; }
.font-weight-300 { font-weight:300; }

.text-45xl {
	font-size: 2.5rem;
	line-height: 2.5rem;
}

.line-height-2 { line-height: 1.2; }

.text-nightblue { color: rgb(37, 53, 81); }

.bg-nightblue { background-color: rgb(37, 53, 81); }

.text-xl { font-size: 1.5rem; line-height: 2rem; }


/*** ANIMATIONS ***/

@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-slide-in {
  animation: slide-in 0.3s ease-out forwards;
}



/*** SECTIONS ***/


/* IMAGE SUPERPOSEE */

.img-superpose-ctnr {
	position: relative;
	height: 600px;
}
.img-superpose:hover {
	box-shadow: 1px 4px 16px 4px #00000019;
}

#img-superpose-bg {
	position: absolute;
	top:60px;
	left:4%;
	height: 460px;
	width: 92%;
	background-image: url('../images/lb_backhand_rg.jpg');
	background-size: cover;
	background-position: center;
	transform: translateY(0);
	will-change: transform;
}

#img-superpose-front {
	position: absolute;
	top:40px;
	left:26%;
	width: 48%;
	height: 520px;
	background-image: url('../images/lb_forehand_rg.jpg');
	background-size: cover;
	background-position: center;
	transform: translateY(0);
	will-change: transform;
	transition: opacity linear .05s;
}
#img-superpose-bg:not(.on-top):hover + #img-superpose-front {
/*	opacity:0.93;*/
}


.on-top {
	z-index: 3;
}


/* CONTACT */

.pp-leo-round {
	height: 150px;
	border-radius: 200px;
	margin: auto;
}



/* RESPONSIVE */

@media screen and (max-width=678px) {

	#bloc-a-propos2 {
		display: flex;
		flex-direction: column-reverse;
	}

}