@import url('https://fonts.googleapis.com/css2?family=Edu+TAS+Beginner:wght@400;600&family=PT+Serif:ital@1&family=Playfair+Display:ital@1&family=Poppins:wght@100;400&family=Splash&display=swap');
*{
   padding: 0;
   margin: 0;
   box-sizing: border-box;
   font-family: 'Edu TAS Beginner', cursive;
}
body{
background: honeydew;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
.contrainer{
position: relative;
width: 130%;
max-width: 1130px;
min-height: 730px;
margin: 20px;
background: #fff;
display: grid;
grid-template-columns: 2fr 3fr 5px;
box-shadow: 0 35px rgba(0,0,0,1);
}
.contrainer .left_side{
position: relative;
background: black;
padding: 25px;
}
.profile{
position: relative;
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 35px;
top: -15px;
}
#nom{
position: absolute;
top: 303px;
margin-right: 25px;
}
#nom strong{
margin-left: -15px;
position: relative;
top: -65px;
}
.profile .image{
position: relative;
width: 90px;
height: 90px;
border-radius: 50px;
overflow: hidden;
top: 5px;
}
.profile .image img{
position: relative;
top: 0;
left: 0;
width: 90px;
height: 90px;
}
p{
margin-right: 40px;
}
.icon ul li{
color: #fff;
list-style: none;
position: relative;
top: 60px;
height: 50px;
margin-left: 10px;
}
.right_side{
margin-left: 50px;
}
.right_side form{
margin-left: 815px;
}
.right_side form input{
border: 1px solid gray;
border-radius: 20px;
width: 70px;
position: absolute;
top: 10px;
}
.global i{
margin-left: 795px;
position: absolute;
top: 15px;
}
.liste ul{
margin-left: 10px;
}
.liste ul li{
list-style: none;
}
.liste ul li i .fa{
margin-right: 10px;
width: 50px;
}
#jant{
  border: 1px solid black;  
}
.icon ul li i{
margin-right: 1px;
}