@import url(./colors.css);
@import url(./mobile_screen_adapt.css);
body {
    position:relative;
    background-color: var(--twhite) ;
}
h2 {
    text-align:center;
}
header div {
    position: relative;
} 
footer {
    position:fixed;
    display:inline-block;
    bottom:0;
    left:0;
    }
.edito {
    position: relative;
    height: auto;
    overflow: noscroll;
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
    padding:5px;
    display:flex;
    flex-direction: column;
}
.edito h2 {
    grid-column: span 2;
}
.edito #image1 { 
    width : 400px;
}
.edito #image1 {
    width : 100%;
    height : 100%;
    object-fit: fill;
}
.edito .image2 {
    width:200px;
    height:200px;
}
.images_droite {
    display: flex;
    flex-wrap:wrap; 
    justify-content: space-evenly;
    align-content: space-around;    

}
.edito img {
    width : 100%;
    height : 100%;
    object-fit: cover;
}
#arbre_de_noel {
    padding: 0;
    margin: 0;
}
.remerciements {
    display : flex;
    flex-direction: row;
    justify-content: start;
    align-content: center;
    width : 100%;
    height : 100px;
    border-style: solid;
    border-color: black;
    border-width: 1px;
    border-radius: 10px;
    padding:5px;
    margin-top:5px;
    text-align:middle;
}
.remerciements p{
    font-size: 1.3em;
    font-weight: 500;
}
footer
{
    display:flex;
    flex-direction: row;
    justify-content: start;
    align-content: center;

}
footer a {
    justify-content: center;
}
.gallery {
    position: relative;
    height: auto;
    overflow: scroll;
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
    padding:5px;
    display:flex;
    flex-direction: column;
}
.image_gallery {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.image_gallery figure { 
    width : 200px;
    height : 200px;
}
img {
    width : 100%;
    height : 100%;
    object-fit: cover;
}