/**https://unsplash.com/photos/CcMcuaOX1Jk?utm_source=unsplash&utm_medium=referral&utm_content=creditShareLink
https://unsplash.com/photos/XFWiZTa2Ub0?utm_source=unsplash&utm_medium=referral&utm_content=creditShareLink

**/

html {background:#232323;}

:root {
  --text: #F8F0ED;
    --col1: #725866;
  --mark: #643925;
  --main: 'Cantarell', sans-serif;
  --head: 'Fjalla One', sans-serif;
}


.list_container {
width:990px;
  margin:auto;
  color:var(--text);
  font-family:var(--main);
  padding: 20px 0px;
}

.list_head {
  font-family:var(--head);
  text-align:center;
  font-size:40px;
margin-top:10px;
  
}


.list_headback {

  background-size:cover;
  height:54px;
  margin-top: -24px;
}

.list_wrap {
  padding:20px;
  display:flex;
flex-wrap:wrap;
  gap:20px;
}

.list_user {
  flex: 1 0 45%
  
}

.list_username {
    background-color: #725866;
border-bottom: 4px solid #cfcfcf;
  background-size:cover;
  font-family:var(--head);
  text-align:center;
padding:5px;
  font-size:20px;
}

.list_userflex {
  display:flex;
  justify-content:space-between;
  padding: 10px 0px;
}

.list_userleft {
  flex: 0 0 35%;
}

.list_usertext {

font-family: 'Kite One', sans-serif;
width: 210px;
height:250px;
background: #cbbab6;
border: 3px solid #cfcfcf;
padding: 10px;
text-align: justify;
font-family: 'Kite One', sans-serif;
font-size: 11px;
color: #000;
font-weight: bold;
overflow-y: scroll;
}

.list_usertext span {
  background:var(--mark);
  padding: 1px 3px;
}

.list_userpt {
  display:flex;
justify-content:end;
}

.list_userpt div {
  margin: 0px 10px;
  color:var(--col1)
}

.list_userdate {
  text-align:right;
color: #000000;
  padding:2px 10px;
}

.list_userava{
      width: 200px;
    height: 159px; 
clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
   margin-top: -120px;
margin-left: 20px;
}

.list_useravatri {
        width: 140px;
    height: 140px;
  border: 2px solid var(--col1);
  margin-left: 50px;
margin-top: 10px;
transform:rotate(60deg);
  
}