@font-face {
  font-family: 'Roboto Mono'; 
  font-style: normal; 
  font-weight: 400;
  src: local(''),
    url('RobotoMono-VariableFont_wght.ttf') format('ttf'); 
}
body {
  background-color: #222; 
  max-width: 800px; 
  color: #fff; 
  font-family: 'Roboto Mono', monospace; 
  font-size: 0.8em;
  margin: 40px auto; 
  padding: 0 10px;
}
pre {
  font-size: 1.3em; 
  color: #fff;
}
h1 {
  font-weight: bold; 
  font-size: 1.6em; 
  margin-top: 1.5em;
}
hr {
  margin-top: 4em; 
  border: none; 
  background-color: #555; 
  color: #555; 
  height: 1px;
}
a {
  color: #aaa;
}
a:hover {
  color: #ccc;
}
img {
  margin-top: -0.5em; 
  max-width:100%;
}
video {
  margin-top: -0.5em; 
  max-width:100%;
  height: auto;
}
input {
  font-family: inherit;
}
code {
  background: #222;
  word-wrap: break-word;
  box-decoration-break: clone;
  padding: .1rem .3rem .2rem;
  border-radius: .2rem; 
}
p.center {
  text-align: center;
}
p.right {
  text-align: right;
}