/**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

**/
:root {
  --text: #eacdef;
    --col1: #9b75a5;
  --mark: #45357d;
  --main: 'Cantarell', sans-serif;
  --head: 'Fjalla One', sans-serif;
}


.list_container {
  /*background:url(http://abload.de/img/josep-martins-ccmcuaoa0jdj.png);*/
  width:1200px;
  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: url(/images/thead.png);
    background-size: auto;
  background-size: cover;
  height: 54px;
  margin-top: -54px;
}

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

.list_user {
  flex: 1 0 45%;
	background-image: url(/images/table_a3.png);
}

.list_username {
background: url(/images/thead.png);
  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 30%;
}

.list_usertext {
  flex: 0 1 80%;
  text-align:justify;
	padding-right: 10px;
}

.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;
  padding:2px 10px;
}

.list_userava{
      width: 100px;
    height: 100px;
clip-path: circle(40%);
   margin-top: -85px;
margin-left: 41px;
}

.list_useravatri {
        width: 70px;
    height: 70px;
  border: 2px solid var(--col1);
  margin-left: 54px;
margin-top: 28px;
  transform:;
}