/* General */
body {
  background-color: #aeb39e;
  color: #000000;
  font-family: 'Monaco', monospace;
  font-size: large;
  letter-spacing: 0px;
}

a:link {
    color: #4c3264;
}

a:visited {
  color: #3b274e;
}

a:hover {
  color: #5c5a5a;
}

a:active {
  color: #8f8f8f;
}

mark {
  color: #8f8f8f;
}

#searchBox #searchBoxInput {
  color: #8f8f8f;
  background-color:#363636;
  border: solid 1px #363636;
}

#searchBox #searchBoxInput::placeholder {
  color: #363636;
}

#searchResults {
  background-color:#363636;
  border: solid 1px #363636;
}

#searchResults mark {
  background-color: #222020;
}

#tags li a {
  background-color: #222020;
}

#contentsList hr.separator {
  border: solid 1px #363636;
}

img.avatar-border {
  filter: invert(60%);
}

/* Centering picture with border in a circle */
header h1, header h2 {
  margin-top: 0;
  margin-bottom: 0;
}

header .avatar {
  position:relative;
  height:150px;
  margin: 0 auto 10px auto;
}

header .avatar img {
  position:absolute;
  width:150px;
  margin:0 auto;
  left:0;
  right:0;
}

header .avatarMask {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  object-position: center 5%; 
  display: block;
  position: abs;
  z-index: 1;
  clip-path:circle(73px at center);
  -webkit-clip-path:circle(72px at center)
}