/* Ajoute le lien vers Bootstrap ici (via un CDN ou en l'important) */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');


@font-face {
	font-family: 'My Space Age';
	src: url('fonts/space_age.ttf') format('truetype'); /* Remplacez le chemin d'accès si nécessaire */
	/* Autres propriétés de la police */
  }

body {
	font-family: "Arial", sans-serif;
	margin: 0;
	padding: 0;
  }
  
  header {
	background-color: #000;
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
  }
  
  .logo-left,
  .logo-right {
	display: flex;
	align-items: center;
  }
  
  .banner-text {
	text-align: center;
	flex-grow: 1;
	padding: 20px;
  }
  
  .custom-text {
	font-family: 'My Space Age', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 40px;
	color: rgb(255, 106, 0);
	margin: 0;
  }
  
  .content {
	text-align: center;
	padding: 20px;
  }
  
  .sub-heading {
	filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.161));
	text-align: center;
	font-family:'Roboto', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 45px;
	color: rgba(112,112,112,1);
	letter-spacing: 15px;
  }

  .grid-container{
    display: flex;
    justify-content: center;
}
  
  .grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 20px;
	margin-top: 20px;
	justify-items: center;
  }
  .card:hover {
	background-color: #bebebe;
  }

  .card:hover img {
	transform: scale(1.1);
  }
  
  .card {
	background-color: #fff;
	border-radius: 30px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161);
	width: 200px;
	height: 200px;
	display: flex;
	justify-content: center;
	
  }
  
  .card img {
	max-width: 100%;
	max-height: 100%;
	border-radius: 5px;
  }
  
  .card-title {
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(112,112,112,1);
  }

  .card:hover .card-title {
	 font-weight: bold !important;
  }

  .textes{
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	color: rgba(112,112,112,1);
  }