.navbar {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}

.navbar li {
float: center;
}

.navbar li a {
display: block;
color: white;
text-align: center;
padding: 14px 20px;
text-decoration: none;
font-family: courier;
}

li a:hover {
background-color: #3498db;
}

body{
font-family: 'Roboto', sans-serif;
}

.active {
background-color: #3498db;
}



img {
max-width: 100%;
height: auto;
}

.header{
display:flex;
align-items:center;
justify-content:center;
gap:15px;
color:#3498db;
font-family:papyrus;
}

.container{
max-width:900px;
margin:auto;
background-color:white;
padding:20px;
}

.galerie{
display:grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap:5px;
}

.plat{
text-align:center;
overflow:hidden;
border:1px solid #ddd;
padding:5px;
}

.plat img{
width:100%;
height:250px;
object-fit:cover;
}

table{
margin:auto;
}