.memlist_wrap {
  width:100%;
  height: auto;
  display:flex;
  justify-content: space-evenly;
  flex-wrap:wrap;
  gap:10px;
}

.memlist_wrap .memlist_pages {
  width:100%;
  display:flex;
  justify-content: start;
  flex-wrap: nowrap;
  gap:5px;
}

.memlist_pages .memlist_page {
  height:20px;
  width:20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--bg1);
  border: 2px solid var(--bg);
  color: var(--accent);
}

.mem_wrap {
  width:300px;
  height:350px;
  display: flex;
  flex-direction:column;
  flex-grow:1;
  background:var(--bg);
  border-radius: 20px;
  overflow: hidden;
}

.mem_wrap .memhead{
  width:100%;
  height:75px;
  background: linear-gradient(0deg, rgba(35,35,35,1) 0%, rgba(44,88,40,1) 100%);
  border-bottom: 1px solid var(--bg);
  position: relative;
  border-radius: 20px 20px 0px 0px;
}

.memhead .memimg {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
    clip-path: var(--hexagon);
    background: var(--bg);
    padding: 0.75rem;
}

.mem_wrap .memmid {
  height: 175px;
  margin-top: 25px;
	padding-top:35px;
  text-align: center;
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
}

.memmid .midinfo {
  width:33%;
  height:50px;
  display: flex;
  flex-grow:1;
	flex-direction:column;
  justify-content: center;
  align-items: center;
	font-size:12px;
}

.mem_wrap .membot {
  width:100%;
  height:75px;
  border-top: 1px solid var(--bg);
  display:flex;
  justify-content:space-evenly;
    background: linear-gradient(0deg, rgba(23,23,23,1) 0%, rgba(35,35,35,1) 100%);
}

.membot .botinfo {
  height:100%;
  width:50%;
  flex-grow:1;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}