@import url(https://fonts.googleapis.com/css?family=Roboto+Mono:400);
body,
html {
  margin: 0;
  padding: 0;
  background-color: #191919;
}
.ttbox {
  background-color: #191919;
  color: #ffffff;
  font-family: Roboto Mono, monospace;
  letter-spacing: 0;
  margin-left: auto;
  margin-right: auto;
}
.tt-title,
.tt-yellow {
  color: yellow;
}
.tt-content,
.tt-cyan {
  color: cyan;
}
.tt-green {
  color: lawngreen;
}
.tt-blue {
  color: blue;
}
.tt-black {
  color: black;
}
.tt-red {
  color: red;
}
.tt-background-green {
  background-color: lawngreen;
}
.tt-background-blue {
  background-color: blue;
}
.tt-background-black {
  background-color: black;
}
.tt-double-height {
  transform: scale(1, 1.5);
  -webkit-transform: scale(1, 1.5);
  /* Safari and Chrome */
  -moz-transform: scale(1, 1.5);
  /* Firefox */
  -ms-transform: scale(1, 1.5);
  /* IE 9+ */
  -o-transform: scale(1, 1.5);
  /* Opera */
  display: inline-block;
  vertical-align: top;
}
.tt-line-double-height {
  line-height: 260%;
  vertical-align: top;
}
.ttbox a {
  text-decoration: none;
  color: inherit;
}
.ttbox a:hover {
  text-decoration: underline;
}
.ads {
  width: 100%;
}
.ads .adsbygoogle {
  margin: 0 auto;
  width: 336px;
  height: 280px;
}
@media only screen and (max-width: 480px) {
  .ttbox {
    font-size: 0.8em;
    line-height: 130%;
    width: 24.5em;
  }
  .ads .adsbygoogle {
    width: 320px;
    height: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .ttbox {
    font-size: 1.3em;
    line-height: 130%;
    width: 24.5em;
    padding-left: 1em;
  }
}