/**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:#000;
background-image: url(../../../images/dark/bg.jpg);
	background-repeat: repeat;
background-attachment: fixed;}

:root {
  --text: #efefef;
    --col1: #777;
  --mark: #343434;
  --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:var(--tabelle3);
  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:#121212;
  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;
	margin-left:20px;
	margin-right: 20px;
	margin-top: 20px;
}

.list_usertext span {
  background:var(--mark);
  padding: 1px 3px;
	margin-top: 20px;	
	line-height:150%;
	font-size: 14px;
}

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

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