.conteneur{
    display: flex;
}
.image{
height: 110px;
width: 100px;
border-radius: 100%;
}
body{
    background:violet;
}
.nav{
    margin: 5px;
    padding: 50px;
    background-color:navy;
    font-size: 30px;
    text-align: center;
    border-radius: 15px;
}
.corp{
    margin: 10px;
    font-size: 20px;
    flex-wrap: wrap;
}
span{
    font-size: 30px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-style: normal;
}
.bbbb{
        display: flex;
     
}
.yyyyy{
   
    border-radius: 14px;
    background-color: beige;
    color: rgb(8, 5, 2);
    border: 1px solid black;
    text-align: center;
    height: 5vh;
}
.immmm{
    border-radius: 15px;
    width: 30px;
    height: 30px;
    margin-left: 500px;
}
.ppp{
    font-family: serif;
    color: antiquewhite;
}
.nom{
        margin-left: 100px;
        font-size: 30px;
        font-family: cursive;
        color: bisque;
        text-transform: uppercase;
}
.curi{
    font-size: 25px;
    font-family: serif;
}
.kebe{
   
    color: beige;
    font-size: 30px;

}
.vvvv{
    margin-left: 50px;
}
@media (max-width: 584px) {
    .conteneur{
        max-width: 100%;
    }
    .nav{
        margin-bottom: 20px;
        width: 100%;  
    }
    .corp{
        width: 100%;
        flex-wrap: wrap;
    }
    .bbbb{
     width: 100%;
    }
    .user::-webkit-scrollbar{
        width: 0;
    }
}