@import url('https://fonts.googleapis.com/css2?family=PT+Sans&family=Roboto:wght%40300&family=Roboto+Mono:wght%40300&display=swap');
body {
  font-family: 'PT Sans', sans-serif;
  margin: 0;
  padding: 1em 2em;
  color: #d7cfbd;
  background-color: #333;
}

p {
  font-size: 110%;
}

ul {
  padding: 0 1.25rem;
  list-style-type: disclosure-closed;
}

li { 
  line-height: 1.5;
}

a { 
  color: #ffecdd;
  text-decoration: none;
  padding-right: .33rem;
}

h1 a { 
  font-size: 100%; 
}

h4 { 
  font-size: 120%;
}

pre {
  margin: 0;
  padding: 0;
  line-height: 1.1;
}

.block, .block2 {
  display: block;
  overflow-x: hidden;
  max-width: 60%;
  padding: 0.667em;
  margin: 5px;
  color: #929aa7;
  background-color:#222;
  border: 2px #666 inset;
  font-size: 11px;
}

.block2 {
  max-height: 30rem;
  margin-bottom: 1.1rem;
}

input { 
  padding: 3px .4em;
  color: #fff;
  background-color: #222;
  border: none;
  font-size: 110%;
}
input[type=submit], input[type=reset] { 
  padding: 4px .6em;
  margin: 1em .7em 1.5em 0;
  cursor: pointer;
  color: #d4c7ad;
  background-color: #555;
  border: 1px solid #000;
  font-weight: bold;
}
input[type=radio] {
  display:none;
}
input[type=radio]:checked+label {
  color: #fff;
  background-color: #111;
}
input[type=text] {
  margin-right: .3em;
}

label {
  display: inline-block;
  cursor: pointer;
  padding: 2px .8em;
  background-color: #555;
  border: 1px solid #000;
}

table {
  border: none;
  border-collapse: collapse;
}
td, pre {
  color: #c8c1b2;
}
td, th {
  text-align: left;
  padding: 1px .5em 0;
}
th { 
  font-weight: normal;
}

h2, h4, td, label, input, .set, #ft {
  font-family: Roboto, sans-serif;
  font-weight: lighter;
}

p, h1, h2, h3, h4 {
  margin: .8rem 0 .33rem;
}

p {
  max-width: 32em;
}

#ft { 
  font-size: 70%;
  padding: 2rem .33rem;
  color: #847868;
}

.set { 
  margin: 0 .8em;
  color: #b9c4d5;
}

.note { 
  padding-left: 22em;
  color: #888;
  font-size: 80%;
}

.less { 
  color: #888;
  font-size: 100%;
}

.ms { 
  font-family: 'Roboto mono', monospace;
}

#small_image {
  float: right;
  max-width: 30%; 
  padding: 7.5% 2.5%;
}

#big_image {
  max-width: 95%;
  padding: 2.5%;
}