@font-face {
  font-family: 'PlayfairDisplay';
  src: URL('../fonts/PlayfairDisplay-VariableFont wght.ttf') format('truetype');
}

body {
  padding:0;
  margin:0;
  font-family: 'Helvetica Neue';
  width: 100%;
  height: 100%;
  background: no-repeat center/100% url("../img/motifBD.jpg");background-color: rgba(255,255,255,0.7);background-blend-mode: lighten;
  
  
}

h2 {
  font-size: 3rem;
}

.container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  height: 100vh; 
}

.left {
  background-color: #FFFFFF;
  background-blend-mode: lighten;
  /*background: no-repeat top/70% url("../img/IMG_20230912_200059.jpg");*/
  /*margin:auto;*/
 font-family: "PlayfairDisplay";
}

.right {
  background-color: #FFFFFF;
  background-blend-mode: lighten;
  background: no-repeat top/100% url("../img/P1013892.jpg"); /*opacity: 0.8*/border-radius: 30px;
}

.right, .left {
  width: 50%;
  text-align: center;
  transition: 1000ms all ease-in-out;
  cursor: pointer;
  /*background: no-repeat center/100% url("../img/P1014403.jpg");*/
}

.hover-left .left,
.hover-right .right {margin:0;
  width: 75%;  
}

.hover-left .right,
.hover-right .left {margin:0;
  width: 25%;
}