@font-face{
    font-family: "AvenirNextLTPro-Regular";
    src: url("AvenirNextLTPro-Regular.otf");
}

*{
    margin:0;
    padding:0;
    transition: 0.5s ease;
}

header{
width:100%;
height: 50px;
display:flex;
justify-content: space-around;
align-items: center;
background-color: #F6F6F6;
font-family:"AvenirNextLTPro-Regular";
margin-bottom: 50px;
}

h1 {
align-items: center;
}
.logo{
    vertical-align: middle;
}

nav ul{
    width:33%;
    display: flex;
    justify-content: space-between;
    list-style: none;
    align-items: center;
}
nav ul li{
    margin-left:10px;
}

main{
    display:flex;
    justify-content:center;
    flex-direction:column;
    width:50%; 
    height:auto;
    margin:auto;
    font-family:Arial;
    text-align: center;
    line-height: 25px;
}

.photo{
    width: 250px;
    height: 250px;
    border-radius:50%;
    overflow: hidden;
    background-image: url("Gabriel.jpg");
    background-position:center;
    background-size: 100px 100px;
    background-repeat: no-repeat;
    margin:auto;
    margin-bottom: 50px;
    
}

.about{
    font-weight: bold;
    font-size:x-large;
    margin-bottom:20px;
}

.contact{
    margin-top: 5px;
    margin-bottom: 20px;
}

.mesprojets {
    margin-bottom: 20px;
    font-size:x-large;
}