<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
  margin: 0 auto;
  color: #333333;
  font-family: 'Dosis', sans-serif;
  font-size: 16px
}
ul {
 list-style-type: square; 
}

h1 {
  line-height: 1;
}

h2 {
  border-bottom: solid 1px #aaa;
}

code {
  border-radius: 5px;
  background-color: #eee;
  display: inline-block;
  padding: 0 8px;
  font-family: Consolas, Courier, monospace;
}

.OpenMenuButton { cursor: pointer; }

.DrawerMenu {
  position: fixed;
  z-index: 99;
  width: 100vw;
  height: 100vh;
  top: 0;
  bottom: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
  display: -ms-grid;
  display: grid;
  grid-template-areas: 'MENU OVERLAY';
  -ms-grid-columns: 15fr 5fr;
  grid-template-columns: 15fr 5fr
}

@media (min-width: 30em) {

.DrawerMenu {
  -ms-grid-columns: 5fr 10fr;
  grid-template-columns: 5fr 10fr;
}
}

#DrawerMenuTrigger:checked ~ .DrawerMenu {
  -webkit-transform: none;
  transform: none;
}

.MenuContainer {
  grid-area: 'MENU';
  background-color: rgb(102, 51, 153);
  box-sizing: border-box;
  padding: 24px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.Menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap
}

.Menu a {
  text-decoration: none;
  color: #FFFFFF;
  display: block;
  padding: 16px 0;
}

.Menu a + a { border-top: 1px solid rgba(255, 255, 255, .1); }

.MenuOverlay { grid-area: 'OVERLAY'; }
</pre></body></html>