body {
    background: linear-gradient(#fff8dc, #ffe4b4, #f5deb3);
    align-items: center;
    width: 1024px;
    margin: auto;
    margin-top: -20px;
}

header {
    text-align: center;
    background-color: lightgray;
    font-weight: bold;
    background-image: url(../Images/banner-5199550_12802.jpg);
    color: white;
}

nav {
    text-align: right;
}

.footer-1 {
    text-align: center;
    background-color: black;
    color: white;
    margin-top: -5px;
    padding: 20px;
}

section {
    text-align: left;
}

nav button {
    padding: 50px
}

button div {
    padding: 50px
}

.button-1 {
    background-color: lightgray;
    position: fixed;
    margin-top: -840px;
}

.button-2 {
    background-color: lightgray;
    position: fixed;
}

.img-1 {
    border-radius: 40px;
}

.footer-2 {
    text-align: center;
    background-color: black;
    color: white;
    margin-top: 100px;
    padding: 20px;
}

p {
    font-family: 'Times New Roman', Times, serif;
    font-weight:bolder;
}

.h3-1 {
    font-family: 'Times New Roman', Times, serif;
    color: darkred;
}

.h5-1 {
    font-family: 'Courier New', Courier, monospace;
    color: darkblue;
}

.footer-3 {
    text-align: center;
    background-color: black;
    color: white;
    margin-top: 10px;
    padding: 20px;
}

.footer-4 {
    text-align: center;
    background-color: black;
    color: white;
    margin-top: 10px;
    padding: 20px;
}

.footer-5 {
    text-align: center;
    background-color: black;
    color: white;
    margin-top: 10px;
    padding: 20px;
}

.footer-6 {
    text-align: center;
    background-color: black;
    color: white;
    margin-top: 495px;
    padding: 20px;
}

.box-1 {
    background-color: lightgray;
    margin-bottom: 20px;
    padding: 80px;
    margin-right: 20px;
    height: 400px;
    width: 300px;
    background-image: url(../Images/Gregory3.png);
    color: white;
    font-weight:bolder;
}

.box-2 {
    background-color: lightgray;
    margin-bottom: 20px;
    padding: 80px;
    margin-right: 20px;
    height: 400px;
    width: 300px;
    background-image: url(../Images/Site-logo-color2.png);
    font-weight:bolder;
}

.box-3{
    background-color: lightgray;
    margin-bottom: 20px;
    padding: 75px;
    margin-right: 20px;
    height: 400px;
    width: 300px;
    font-weight:bolder;
    background-image: url(../Images/Laetitia2.png);
    color: white;
}

.box-4{
    background-color: lightgray;
    margin-bottom: 20px;
    padding: 75px;
    margin-right: 20px;
    height: 400px;
    width: 300px;
    font-weight:bolder;
    background-image: url(../Images/sailboat-673555_1280.jpg);
}

.body-Greg {
    background: linear-gradient(#1e90ff, #40e0d0, #00ffff);
}

.text {
    text-decoration: none;
    color: darkred;
    font-weight:bolder;
}

.image-2 {
    border-radius: 40px;
}

.button-3 {
    margin-right: 20px;
    padding: 80px;
    background-image: url(../Images/sailboat-673555_1280.jpg);
}

video {
    border-radius: 20px;
}

.paragraphe-int{
    text-align: center;
}

.button-4{
    margin-right: 20px;
}

.button-5{
    margin-right: 20px;
}

.button-6{
    margin-right: 20px;
}