@font-face {
   font-family: 'berkeley';
   src: url('/fonts/BerkeleyMono-Regular.woff') format('woff'),
	url('/fonts/BerkeleyMono-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

body {
  font-family: 'berkeley';
  color: #e4e4e4;
  font-size: 12px;
  font-weight: 100;
  background-color: #1c1c1c;
  min-height: 100%;
  {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  margin: 5px;
}

a.line {
  color: #e4e4e4;
  font-size: 10px;
  font-weight: 100;
  background-color: #1c1c1c;
}

tp {
  color: #8d8d8d;
}

st {
  color: #8d8d8d;
  font-size: 14px;
}

pre {
  padding: 0;
  margin: 0 0 0px 0;
}

ul {
  padding: 0;
}

hr {
  color: #ffffff;
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  width: 100%;
  border-style: solid;
  border-width: 1px;
}

h1 {font-size: 14px; padding: 0px; margin: 0px;}
h2 {font-size: 14px; padding: 0px; margin: 0px;}
h3 {font-size: 14px; padding: 0px; margin: 0px;}

span {
  padding: 0;
  margin: 0;
}

a {
  color: #ff005f;
  font-size: 14px;
  transition-duration: 0.2s;
  padding-top: 3px;
}

a.front {
  text-decoration: none;
  color: #e4e4e4;
  font-size: 14px;
  transition-duration: 0.2s;
  padding-top: 3px;}

a:hover {
  text-decoration: underline;
  color: #1c1c1c;
  font-size: 14px;
  background-color: #ff005f;
}

a.front:hover {
  color: #1c1c1c;
  font-size: 14px;
  background-color: #ff005f;
}

a:active {
  color: #0087ff;
  font-size: 14px;
}

a.front:active {
  color: #0087ff;
  font-size: 14px;
}

a.tag {
  text-decoration: none;
  color: #d75fd7;
  transition-duration: 0.2s;
  padding-top: 3px;
  font-size: 14px;
}

a.tag:hover {
  color: #1c1c1c;
  background-color: #d75fd7;
  font-size: 14px;
}

a.tag:active {
  color: #d75fd7;
  font-size: 14px;
}

b {
  color: #afd75f;
  background-color: #1c1c1c;
  font-size: 14px;
}