custom.css

/* début CSS jorge*/


header {
    display:flex; 
    background-color: black;
    height: 200px;
    justify-content: space-between;

}

.logo {
display: flex;
justify-content: center;

}

.logo img {
height: 150px;

}

.toplinks a {

    display: flex;
    justify-content: space-evenly;
margin: 20px;
color:white;
text-decoration: none;
background-color: rgb(214, 65, 19);
padding: 4px 10px;
border-radius: 30px;
font-size: 15px;

}

/* fin CSS jorge*/

/* debut CSS lucas*/

/* css de la premiere section avec le texte */

#section1 {

    height: 300px;
    width:100%;
    display: flex;
    justify-content: space-around;
    background-color: rgb(214, 65, 19);
    color:rgb(255, 255, 255);
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    align-items: center;

}

/* je sépare la section en 2 avec les 2 div*/

.div1 {
    margin:center;
    font-weight: bold;
}

.div2 {

    align-self: flex-end;    

}

/* mise en liens et en ligne de mon texte */

#section1 .links {

    
    display: flex;
    justify-content: space-evenly;
    color: rgb(255, 255, 255);
}

#section1 .links a{
    background-color: rgb(70, 64, 64);
    color: rgb(189, 189, 189);
    margin: 10px;
    border-radius: 30px;
    padding: 15px;
    
}

h1 {

font-size: 50px;
text-decoration: underline;

}

.div1 img {

margin-left: 28%;
margin-right: -10%;
margin-top: 40px;

}

/* fin CSS lucas */