html {
    --bg0: #25222f;
    --bg1: #484258;
    --bg2: #2e3440;
    --txt: #b5b3aa;
    --txt2: #d8dee9;
    --sat: #ff6c60; /* satania-chan */
    --green: #a8ff60;
    --beige: #ffffb6;
    --blue: #96cbfe;
}

body {
  background-color: var(--bg0);
    color: var(--txt);
    font-family: monospace;
    font-size: 18px;
    max-width: 90%;
    margin: auto;
}

a, a:visited {
    color: var(--sat);
}

a:active {
    text-decoration: none;
}

ul {
    list-style-type: square;
}

.box {
    padding:5px;
    border-style:dotted;
    border-color:var(--bg1);
    margin-top:10px;
    margin-bottom:10px;
    padding: 5px 20px;
}

#meta {
  top: -.5em;
  position: fixed;
  height: 3.5em;
  float: left;
  /* text-align: left; */
  width: 100%;
  background-color: var(--bg1);
}

#sidebar {
  float: right;
  position: fixed;
  top: 5em;
  right: 1em;
}

#sidebar li {
  list-style-type: none;
}

hr {
    color: var(--bg1);
}


#tlogs {
  margin-top: 5em;
  width: 80%;
}

.entry {
  border: 1px dotted var(--txt);
  padding: .4em;
  margin-bottom:-4em;
}

.entry p {
  padding: 1em;
}

.entry p.permalink {
  font-size: .6em;
  font-color: var(--green);
  text-align: right;
}

.entry h5 {
  text-align: right;
  margin-top: .2em;
}

blockquote {
  background-color: var(--bg2);
  font-style: italic;
  color: var(--txt2);
  font-size: 90%;
  border: 1px dotted var(--beige);
  padding: 4px;
}