* { box-sizing: border-box; }

html, body {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: "Ek Mukta", sans-serif;
  font-size: 95%;
  line-height: 125%;
}

html.nonexistent {
  background: rgb(145, 48, 48);
  color: rgb(230, 245, 245);
}

html.retired {
  background: rgb(108, 48, 145);
  color: rgb(245, 245, 230);
}

#content {
  padding: 2em 3em;
}

ul {
  margin-top: 0;
  padding-left: 1.5em;
}

li {
  margin: 0.5em 0 0;
}

h1 {
  line-height: 135%;
}

a {
  background: rgb(220, 220, 230);
  padding: 0.05em 0.2em 0;
  color: inherit;
  text-decoration: none;
}

html.nonexistent a {
  background: rgb(195, 70, 70);
}

html.retired a {
  background: rgb(150, 70, 195);
}

a:hover, a:active, a:focus {
  background: rgb(170, 170, 180);
  color: rgb(255, 255, 255);
}

html.nonexistent a:hover, html.nonexistent a:active, html.nonexistent a:focus {
  background: rgb(230, 245, 245);
  color: rgb(145, 48, 48);
}

html.retired a:hover, html.retired a:active, html.retired a:focus {
  background: rgb(245, 245, 230);
  color: rgb(108, 48, 145);
}