@charset "utf-8";
/* CSS Document */

body {
	background-color: #000;
	color:#FFF;
}

.big_text {
  line-height: normal;
  font-size: 4rem;
	font-family: 'Questrial', sans-serif;
	font-weight: bolder;
}

.important_text {
	  line-height: normal;
  font-size: 55px;
	font-family: 'Questrial', sans-serif;
	font-weight: bolder;
}

.medium_text {
	font-size:30px;
	line-height:normal;
	font-family: 'Questrial', sans-serif;
}

.medium_text a {
text-decoration: none;
	color: #FFF;
}

.large_text {
	font-size:18px;
	font-weight:700;
	line-height:normal; 
}

.large_text a {
text-decoration: none;
	color: #FFF;
}


.small_text {
	font-size:11px;
	font-weight:700;
	line-height:normal; 
	text-align:center;
}


.medium_serif {
font-family: 'cormorant garamond',serif;
font-size:1.5em;
} 


.small_serif {
font-family: 'cormorant garamond',serif;
font-size:1.2em;
} 

.small_serif a {
text-decoration: none;
	color: #FFF;
}

.tiny_serif {
font-family: 'cormorant garamond',serif;
font-size:1.1em;
} 

.bg-dark {
	background-color: #000!important;
}
.cadre {
	border: thin solid #FFF;
	padding : 5px;
	max-width: 40%;
	text-align: center;
}
.nav-link {
	font-family: 'cormorant garamond',serif;
	font-size: 1.1em;
}

.nav-link:hover {
	font-weight: 400;
	color: #EE1010;
}

.navbar-dark .navbar-toggler-icon {
	color:#fff;
}

#bloc_accueil {
	background-image: url('../img/photo_OrMajicien_accueil1.webp');
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment:fixed;
	height:100vh;
}

#reseaux {
  width: 25px;
  height: 340px;
  justify-self: end;
  margin-right: 40px;
  align-self: center;
  position: fixed;
  grid-area: 1 / 1 / 2 / 2;
  pointer-events: auto;
	right:10px;
}

#reseaux ul {
	list-style: none;
	line-height: 40px;
}

.animate__fadeInUpSlow  {
	  animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */
      animation-duration: 5s; /* don't forget to set a duration! */
	
}

.animate__fadeInFastUp  {
	  animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */
      animation-duration: 1s; /* don't forget to set a duration! */
	
}



.animate__fadeInSlow  {
	  animation: fadeIn; /* referring directly to the animation's @keyframe declaration */
      animation-duration: 8s; /* don't forget to set a duration! */
	
}

.animate__fadeInRight {
	animation: fadeInRight; /* referring directly to the animation's @keyframe declaration */
      animation-duration: 8s; /* don't forget to set a duration! */
}
.animate__heartBeat	{  animation: heartBeat; /* referring directly to the animation's @keyframe declaration */
      animation-duration: 2s; /* don't forget to set a duration! */
}

.form-control {
	background-color: #000;
}
a.link {
	color: #E46C51;
	text-decoration: none;
}