@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

body,
*
{
  font-family: "VT323", monospace;
  image-rendering: pixelated;
}

body
{
  display: flex;
  padding: 0%;
  margin: 0%;
  flex-direction: column;
  justify-self: center;
  background-color: snow;
}

.whitespace
{
  background: whitesmoke;
  width: 720px;
  margin: 96px 0 0 0;
  backdrop-filter: blur(4px);
}

.banner
{
  overflow: hidden;
  height: 36px;
  display:flex;
  justify-content:center;
  align-items:center;
}

.banner > img,
.avatar
{
  max-width: 100%;
  height: auto;
  display: block;
  image-rendering: optimizeQuality;
}

.content
{
  padding: 16px;
  border: 1px dashed silver;
  border-top-width: 0px;
}

.avatar_container
{
  overflow: hidden;
  width: 64px;
  height: 64px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius: 4px;
}

a
{
  text-decoration: none;
  color: mediumslateblue;
}

a:hover
{
  color: whitesmoke;
  background: mediumslateblue;
}

a::before { content: '['; }
a::after  { content: ']'; }

li::marker
{
  content: '> ';
  color: mediumslateblue;
}