html, body{
    height: 94%;
}
body{
    background-color: #0a0903;
}
.name{
    color: white;
    font-size: 6rem;
    margin-top: 9rem;
}
.divprofil{
    width: 100%;
    height: 25%;
}
.espace{
    width: 100%;
    height: 3%;
}
.paysage{
    width: 100%;
    height: 25%;
}
.nameprofil{
    color: white;
    font-size: 2.8rem;
    font-family: "Roboto", sans-serif;
}
.toutvoir{
    text-decoration: none;
    color: white;
    font-size: 2rem;
}
.nameg{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.image {
    height: 60%; 
    width: 98%;
    overflow: overlay;
    display: flex;
    margin-left: 2rem;
}
.hrefimg {
    display: block; 
    height: 100%;
    margin-right: 2rem;
}
.photo {
    height: 98%; 
    width: auto; 
    object-fit: cover; 
}

.footer{
    width: 100%;
    height: 15rem;
    background-color: #131921;
    /*margin-top: 35%;*/
    position:relative;
    bottom: 0;
}
.contact{
    color: white;
    font-size: 5rem;
    margin-left: 12%;
    font-family: 'Anton', sans-serif;
    margin-top: -1.1%;
    height: 4rem;
}
.info{
    display: flex;
    align-items: center;
}
.img{
    width: 4.7rem;
    height: 4.7rem;
    margin-left: 22%;
    margin-top: -4%;
}
.imgi{
    width: 4.1rem;
    height: 4.1rem;
    margin-left: 22%;
}
.href{
    text-decoration: none;
    color: white;
    font-size: 2rem;
    margin-top: -4%;
}
.hrefi{
    text-decoration: none;
    color: white;
    font-size: 2rem;
}
.principal{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 92%;
}
.espace2{
    height: 20%;
}
@media (min-width: 1024px) {
    .name{
        font-size: 4rem;
        margin-top: 5rem;
        line-height: 0%;
    }
    .footer{
        margin-top: 5rem;
        height: 10rem;
    }
    .contact{
        font-size: 2.7rem;
    }
    .img{
        height: 2.7rem;
        width: 2.7rem;
    }
    .imgi{
        height: 2.1rem;
        width: 2.1rem;
    }
    .href{
        font-size: 1.4rem;
    }
    .hrefi{
        font-size: 1.6rem;
    }
    .nameprofil{
        font-size: 2rem;
    }
    .toutvoir{
        font-size: 1.4rem;
    }
    .nameg{
        line-height: 0%;
    }
    .espace{
        height: 20rem;
    }
    .image{
        height: 85%;
    }
}