body {	
	background-color: #edfbfd;
	text-align: left;
	font-size: 18px;
	}
p {
	font-family: Arial;
	color: #537fd5;
	text-align: center;
	}
h1 {
	width: 800px;
	height: 60px;
	margin: 5px auto;
	background-color: #ffe251;
	font-family: Comic Sans MS;
	font-size: 32px;
	color: white;
	text-align: center;
	padding-top: 15px;
	background-image: linear-gradient(#ffa736, #ffe647); 
	}
h2 {
	width: 800px;
	height: 50px;
	padding-top: 10px;
	margin: 5px auto;
	font-family: Comic Sans MS;
	font-size: 24px;
	text-align: center;
	}
a {color: #ffffff;
text-decoration : none;
  }
b {color: crimson;}

h3 {
	font-family: Comic Sans MS;
	line-height: 10px; 
	font-size: 18px;
	color: white;
	}

.portrait {
	display: block;
	margin: 25px auto;
	}

.cadrage {
	margin: 0px 100px;
	padding: 5px;
	}

.contributions {
	margin: 5px 0px;
	padding: 0px 10px;
	border: 3px solid #3d48a4;
	background-color: #65a0da;
	border-radius: 25px;
	list-style-type: none;
	
	}
.liens {
	margin: 5px 0px;
	padding: 0px 10px;
	border: 3px solid darkslategray;
	background-color: lavender;
}
.gouda {
	font-family: Arial;
	color: blue;
	text-align: center;
}
.description {
	text-align : center;
}
li {
	color: #ebf7f9;
}
.navbar {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  
}
.navbar-item {
    display: inline !important;
	float: left;
}
.navbar-item a {
  display: block;
  padding: 8px;
  background-color: #6d94f0;
}
.navbar-item a:hover {
  background-color: #3b3fc8;
}
.Retour {
 text-align: left;
}
img {
	border-radius: 10px;
	align: right;
}
.Telamon {
    display: flex;
    align-items: center;
    gap: 20px; /* Adds space between text and image */
    margin: 20px;
    padding: 35px;
    border: 3px solid #2a291b;
    background-color: #484c4d;
    border-radius: 25px;
}
.content {
    display: flex;
    align-items: center;
    gap: 20px;
	color: #e8cd53!important;
}
.text {
	color: #e8cd53 !important;
	font-family: Arial;
}