#avatar {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  border: 4px solid #66aaaa;
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  margin: auto;
}
#avatar.has-img {
  border: 0;  
}

#bio p {
  margin: 0px;
}

#bio, .description p {
  white-space: pre-line;
}

.description ul {
  list-style-type: square;
  padding-inline-start: 20px;
}

.page-item .name {
/*
  background-color: rgba(220, 220, 220, 0.5);
  background: linear-gradient(to top,
    rgba(220,220,220, 0.5) 100%,
    rgba(0,0,0, 0) 100%
  );
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
  text-shadow: 1px 1px 1px #aaa;
  backdrop-filter: blur(2px) saturate(50%);
  */
  text-align: center;
}
#page-name {
/*
  background-color: rgba(220, 220, 220, 0.5);
  background: linear-gradient(to top,
    rgba(220,220,220, 0.5) 100%,
    rgba(0,0,0, 0) 100%
  );
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
  text-shadow: 1px 1px 1px #aaa;
  backdrop-filter: blur(2px) saturate(50%);
  */
}
#page-img-wrapper img {
  width: 100% !important;
}
#page-img-wrapper {
/*
  min-height: 100px;
 */
}
#page-img {
  max-width: 100%;
  height: auto;
  cursor: pointer;
}
.page-item-image {
  width: 100%;
  border-right: 4px solid transparent;
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}
.page-item-image.has-img {
  border: 0;
}
.page-item-image img {
  width: 100%;
}
.list-item-image {
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center-top;
}
.page-item .card {
  cursor: pointer;
}

.card {
  background: transparent !important;
}