/* desktop */
body {
  /* ... */
  font-family: 'Courier New', 'Courier', 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
  background-color: #04040f;
  text-decoration: none;
  color: #000088;
  font-size: clamp(0.50rem, 0.75vw, 1.00rem);
  line-height: inherit;
  font-weight: normal;
}

a {
  text-decoration: none;
  color: #20FFFF;
  font-weight: normal;
  text-shadow: 0px 0px 1px #20DDDD;
}

a:hover {
  color: #20DDDD;
  text-shadow: 0px 0px 1px #080808;
}

pre {
  /* ... */
  font-family: 'Courier New', 'Courier', 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
  text-decoration: none; 
  color: #208888;
  font-size: clamp(0.50rem, 0.75vw, 1.00rem);
  line-height: inherit;
  font-weight: normal;
}

img#image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.random_image {
  color: #204444;
  opacity: 0.69;
  filter: alpha(opacity=69);
  border: 0px;
  border-width: 1px;
  border-spacing: 0px;
  border-collapse: separate;
  border-style: solid;
}

img.random_image:hover {
  color: #20DDDD;
  opacity: 1.0;
  filter: alpha(opacity=100);
  padding: 0.0px;
  border-color: #20DDDD;
  border-style: solid;
  border-width: 1.0px;
}

table {
  border-style: solid;
  border-width: 0px;
  text-align: center;
  vertical-align: middle;
  margin: 0.0px;
  padding: 0.0px;
  border-spacing: 0.0px;
  border-collapse: separate;
  border-style: none;
}

td {
  font-family: 'Courier New', 'Courier', 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
  text-decoration: none;
  color: #ADD8E6;
  font-size: clamp(0.50rem, 0.75vw, 1.00rem);
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  border-width: 0px;
  border-spacing: 0px;
  border-collapse: separate;
  border-style: none;
}

span#sig {
  /* obsolete since 2013-08:
     text-decoration: blink; */
  -webkit-animation: blink 1s steps(5, start) infinite;
  animation: blink 1s steps(5, start) infinite;
  color: #208888;
}

@keyframes blink {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink {
    to {
        visibility: hidden;
    }
}

span.random_image {
  color: #ff00ff;
  width: 80px;
  display: inline-block;
  vertical-align: top;
  list-style-type: none;
  text-align: center;
}

::selection {
  background: #20DDDD;
  color: #04040f;
}

a::selection {
  background: #208888;
  color: #04040f;
}

::-moz-selection {
  background: #20DDDD;
  color: #04040f;
}

a::-moz-selection {
  background: #208888;
  color: #04040f;
}

::-webkit-selection {
  background: #20DDDD;
  color: #04040f;
}

a::-webkit-selection {
  background: #208888;
  color: #04040f;
}

#head-soc {
  width:             54.75%;
}
#head-soc li {
  color:             #208888;
  font-size:         smaller;
  line-height:       inherit;
  text-decoration:   none;
  list-style-type:   none;
  float:             right;
  padding:           10px 0 0 0;
  position:          relative;
}
#head-soc li a {
  background-image:  url('/social-media.png');
  background-color:  transparent;
  background-repeat: no-repeat;
  font-family:       'Courier New', 'Courier', 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
  color:             #208888;
  padding:           0 0 0 0;
  float:             right;
  font-size:         0px;
  line-height:       0px;
  height:            20px;
  width:             20px;
  border:            0px;
}
#head-soc li a.twit {
  background-position:   0px   0px;
}
#head-soc li a:hover.twit {
  background-position:   0px -20px;
}
#head-soc li a.pint {
  background-position: -20px   0px;
}
#head-soc li a:hover.pint {
  background-position: -20px -20px;
}
#head-soc li a.fb {
  background-position: -40px   0px;
}
#head-soc li a:hover.fb {
  background-position: -40px -20px;
}
#head-soc li a.gp {
  background-position: -60px   0px;
}
#head-soc li a:hover.gp {
  background-position: -60px -20px;
}
#head-soc li a.link {
  background-position: -80px   0px;
}
#head-soc li a:hover.link {
  background-position: -80px -20px;
}
#head-soc li a.stum {
  background-position: -100px   0px;
}
#head-soc li a:hover.stum {
  background-position: -100px -20px;
}
#head-soc li a.reddit {
  background-position: -120px   0px;
}
#head-soc li a:hover.reddit {
  background-position: -120px -20px;
}
#head-soc li a.tumblr {
  background-position: -140px   0px;
}
#head-soc li a:hover.tumblr {
  background-position: -140px -20px;
}