/**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:#555;}

:root {
  --text: #121212;
    --col1: #111;
  --mark: #757575;
  --main: 'Cantarell', sans-serif;
  --head: 'Fjalla One', sans-serif;
}


.list_container {
  background:url(/images/dark/backmember2.jpg);
  width:1000px;
  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:#555;
  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:#686868;
  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 {
  flex: 0 1 80%;
  text-align: justify;
	font-size;10px;
	line-height:15px;
  padding: 10px;
  height: 250px;
  overflow: auto;
}

.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: 105px;
    height: 147px;
  transform:rotate(5deg);
   margin-top: -163px;
margin-left: 18px;
}

.list_useravatri {
        width: 120px;
    height: 162px;
  border: 0px solid var(--col1);
  margin-left: 14px;
margin-top: 13px;
  transform:rotate(5deg);
}

/******************* SCROLLBARS *******************/

.list_usertext ::-webkit-scrollbar {
  width: 4px;
  background: #888;
  border-radius: 5px;
}

.list_usertext ::-webkit-scrollbar-thumb {
  background: #666;
  height: 4px;
  border-radius: 5px;
}

.list_usertext ::-webkit-scrollbar-track {
  background-color: #888;
  opacity: 0.8;
  border-radius: 5px;
}