@font-face {
  font-family: 'Plex Mono';
  src: url("https://absurd.wtf/fonts/IBMPlexMono-Regular.woff") format("woff");
}

@font-face {
  font-family: 'Plex Mono Bold';
  src: url("https://absurd.wtf/fonts/IBMPlexMono-Bold.woff") format("woff");
}

@font-face {
  font-family: 'Plex Sans';
  src: url("https://absurd.wtf/fonts/IBMPlexSans-Regular.woff") format("woff");
}

@font-face {
  font-family: 'Plex Sans Bold';
  src: url("https://absurd.wtf/fonts/IBMPlexSans-Bold.woff") format("woff");
}

@font-face {
  font-family: 'Plex Sans Italic';
  src: url("https://absurd.wtf/fonts/IBMPlexSans-Italic.woff") format("woff");
}

@media only screen and (max-device-width:500px) {
  h1 { font-size:12vw; }
  h2 { font-size:8vw;  }
  p, ul { font-size:6vw; }
  p.small { font-size: 4vw; }
  code { font-size: 5vw; }
}

@media only screen and (min-device-width:501px) {
  h1 { font-size:4vw; }
  h2 { font-size:3vw; }
  p, ul, code, ol  { font-size:1.5vw; }
  p.small { font-size: 0.8vw; }
}

h1 { color: #2096FF; }

h2 { color: #DC5256; }

b, h1, h2, h3 { font-family: 'Plex Sans Bold'; }

p, ul, ol { font-family: 'Plex Sans'; }

ul, ol { margin-left:1rem; }

html {
  background-color:#181414;
  color:#ddd;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
	color: #9cf;
	background-color:#036;
	overflow: auto;
}

code, pre { font-family: 'Plex Mono'; }

pre {
  background-color:#036;
  color:#9cf;
  overflow: auto;
}

.green { color: #A6E22E; }
.blue { color: #2096FF; }
.yellow { color: #E6DC74; }
.orange { color: #FF9620; }
.red { color: #DC5256; }
/* This is the background, so probably don't use it anywhere */
.almost_back { color: #181414; }

a { color: #A6E22E; text-decoration: none; border-bottom: 2px dotted #A6E22E; }
a:visited { color: #A6E22E; text-decoration: none;}
a:hover {  color: #181414; text-decoration: none; border-bottom: 2px solid #A6E22E; background:#A6E22E; }

img {
  max-width: 88%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

p.center { text-align: center; clear: both; width: 100%; }

.post { border-bottom: 1px solid #E6DC74; }

table {
  width: 100%;
  border-collapse: collapse;
}

th, td {
  padding: 15px;
  text-align: left;
  border-style: solid;
  border-color: #FF9620;
  border-width: 0px 0px 1px 0px;
  font-family: 'Plex Sans';
}

tr:hover {
  background-color: #2096FF;
  color: #181414;
}

hr.blue {
  width: 100%;
  border: 5px dashed #2096FF;
  border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}