@font-face {
  font-family: "Aleo";
  src: url("fonts/AleoVariableGX.ttf") format("truetype-variations");
  font-style: normal;
}

@font-face {
  font-family: "Aleo";
  src: url("fonts/AleoVariableItalicGX.ttf") format("truetype-variations");
  font-style: italic;
}


body {
  background: white;
  color: black;
  width: 40rem;
  margin-top: 4ex;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-family: "Aleo";
  display: flex;
  flex-direction: column;
}


aside {
  display: flex;
  flex-direction: row;
}


.icon {
  float: left;
  margin-right: 1em;
  margin-top: 2ex;
  margin-bottom: 1ex
}

.avatar {
  float: right;
  margin-left: 1em;
  margin-top: 2ex;
  margin-bottom: 2ex
}

.back {
  text-align: right;
}

.addr {
  font-style: oblique
}

.code {
  font-family: "Source Code Pro", "Roboto Mono", "Incosolata", monospace;
  white-space: pre;
}

tt {
  font-family: "Source Code Pro", "Roboto Mono", "Incosolata", monospace;
  font-weight: 400;
}

.catch {
  font-size: xx-small;
  font-style: oblique;
  clear: left;
  display: none
}


.interesting {
  border-style: dashed;
  border-width: 2px;
  padding: 0.5rem 1rem;
  margin: 0 1rem;
  text-align: left;
  background: #eee;
  font-size: 17px;
  display: flex;
  flex-direction: column;
  justify-content: left;
}

ul.changelog {
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-indent: -0.5em;

  time::after {
    content: " — ";
  }
}

li {
  margin-left: 0.5em;
  font-family: Aleo, sans-serif;
  font-weight: 90;
}

time {
  font-style: italic;
}

.blue {
  color: #6CADDE !important;
  font-weight: bold !important;
  font-size: x-large !important;
  line-height: 60%;
}

p {
  font-family: Aleo, sans-serif;
  font-weight: 90;
}

p.header {
  font-size: xx-large;
}

h1 {
  font-family: Aleo, sans-serif;
  font-size: 34px;
  font-weight: 160;
  white-space: nowrap;
  padding-bottom: 4rem;
}

h2 {
  font-family: Aleo, sans-serif;
  font-size: x-large;
  font-weight: 140;
  margin-top: 4rem;
}

h3 {
  font-family: Aleo, sans-serif;
  font-size: large;
  font-weight: 120;
}


a:link {
  text-decoration: none;
  color: maroon;
  background: transparent;
}

a:visited {
  text-decoration: none;
  color: navy;
  background: transparent;
}

a:active {
  text-decoration: none;
  color: black;
  background: navy;
}

a:hover {
  text-decoration: none;
  color: white;
  background: navy;
}

h2 a {
  text-decoration: none;
  color: black !important;
  background: transparent !important;
}

h3 a {
  text-decoration: none;
  color: black !important;
  background: transparent !important;
}

strong {
  font-weight: 150;
}

input[type=button] {
  font-family: "Aleo", sans-serif;
  font-weight: 150;
}