@charset "UTF-8";
/* CSS Document */
body {margin:0; 
	background-color: #000000; 
	
	background-image: url('montage.jpg');

  background-size: cover;

  background-position: bottom right;

  background-repeat: no-repeat;

  background-attachment: fixed;

  /*height: 100vh;*/

}

body {
  animation: fadeIn 2s; /* Apply the animation for 2 seconds */
	  /*-webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;*/
}



@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

#texte {
	color:#ffffff;
	text-align: center;
	 align-content: center;
	 height: 40vh;
display:block;
	padding:25px;
	  font-family: 'Poppins';font-size: 36px;
	text-shadow: 3px 3px 6px #00000090;
}

#logo {width:350px; height:auto; filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}

@media screen and (max-width: 767px) {
  #texte {
    font-size: 24px;
  }
	#logo {width:250px; height:auto;}
}