.main {
    background-color: rgb(45, 49, 84);
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    margin: 0;
    padding: 0;
}

.main video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#feed {
    font-size: 100%;
    color: #FEFEFD;
    text-align: center;
    display: flexbox;
    align-content: center;
    padding: 15px;
    width: 65%;
}

#feed button {
    background-color: blanchedalmond;
    width: 50%;
    height: 15%;
    margin-top: 30px;
    margin-bottom: 10px;
    border-radius: 8px;
    font-weight: bold;
    font-size: 100%;
}

#feed button:hover {
    cursor: pointer;
    background-color: #686a81;
    color: antiquewhite;
}

.third {
    background-color: #181A2C;
    color: #FEFEFD;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0;
    margin: 0;
}

.third h2 {
    margin-left: 15%;
    text-align: left;
}

.third h3 {
    margin-left: 20%;
    text-align: left;
    font-weight: lighter;
}

.third button {
    background-color: blanchedalmond;
    width: 40vh;
    height: 8vh;
    border-radius: 8px;
    font-weight: bold;
    margin-left: auto;
    margin-right: 10%;
}

.third #bouton {
    display: flex;
    align-items: center;
}

.third button:hover {
    cursor: pointer;
    background-color: #686a81;
    color: antiquewhite;
}

hr {
  padding: 0;
  margin: 0;
}

.event {
    color: #FEFEFD;
    background-color: rgb(24, 26, 44);
    display: grid;
    grid-template-columns: 1.5fr 2fr;
    grid-template-rows: 1fr;
    margin-bottom: 10px;
    height: 40vh;
    padding: 0;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.event div#gallery {
    height: 40vh;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event div#gallery img {
    width: 45%;
    height: auto;
}

.event h3 {
    font-weight: lighter;
    margin-left: 8%;
    width: 85%;
}

.event div#content {
    margin-left: 2%;
    display: flexbox;
    margin-top: 10px;
    height: 35vh;
    padding: 10px;
    font-size: 2vh;
}

.event button {
    background-color: blanchedalmond;
    width: 30vh;
    height: 8vh;
    border-radius: 8px;
    font-weight: bold;
    margin-left: 25%;
}

.event button:hover {
    cursor: pointer;
    background-color: #686a81;
    color: antiquewhite;
}

.vente {
    color: #FEFEFD;
    background-color: #2D3154;
    height: 65vh;
    display: grid;
    grid-template-columns: 1.5fr 2fr;
    grid-template-rows: 1fr;
    margin-bottom: 10px;
    height: 40vh;
    padding: 0;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.vente div#gallery {
    height: 40vh;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    text-align: center;
}

.vente div#gallery img {
    width: 96%;
    height: auto;
    border-radius: 20px;
    box-shadow: #2D3154 4px 4px;
    align-self: center;
}

.vente h3 {
    font-weight: lighter;
    margin-left: 8%;
}

.vente div#content {
    margin-left: 2%;
    display: flexbox;
    margin-top: 10px;
    height: 35vh;
    padding: 10px;
    font-size: 2vh;
}

.vente button {
    background-color: blanchedalmond;
    width: 30vh;
    height: 8vh;
    border-radius: 8px;
    font-weight: bold;
}

.vente button:hover {
    cursor: pointer;
    background-color: #686a81;
    color: antiquewhite;
}

#bouton-chiant {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#bouton-chiant img {
    height: auto;
    width: 30%;
    margin-bottom: 20px;
}

button {
    font-size: 18px;
}