/* Terminally Chill Terminal - Ryan Hartje of ryanhartje.com */

html, body {
  background-color: #222;
}

.toolbar{ 
  height: 30px;
  background-color: #707971;
  background: -webkit-linear-gradient(top, #eee, #bbb);
  background: -moz-linear-gradient(top, #eee, #bbb);
  background: linear-gradient(top, #eee, #bbb);
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
 }

.toolbar li{
  list-style: none;
  float: right;
  padding: 6px 0px;
  min-width: 30px;
}

.toolbar img{
  float: left; 
  margin: 5px;
}

#titleWindow{
  font-weight: 800;
  text-align: center;
  color: black;
}

#terminal {
  margin-top: 0.5em;
}

.terminalWindow{
  background-color: black;
  -webkit-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  word-wrap: break-word;
  padding: 5px;
 }

.terminalWindow .row > * {
  padding-left: 0.2em !important;
  padding-right: 0.2em !important;
}

h1, h2, h3, h4, h5, h6, p, a, pre, span, th, tr {
   font-family: Monospace;
   color: #92ff23; 
}

pre {
  font-size: 1em;
}
   
 .terminal, .terminal  { 
  font-size:14px;
}

.cursor { 
  display: inline-block; 
  background: #000; 
  line-height: 16px; 
  margin-left: 8px; 
  animation: blinkT 0.6s linear 0s infinite; 
  -webkit-animation: blinkT 0.6s linear 0s infinite; 
  -moz-animation: blinkT 0.6s linear 0s infinite; 
  -ms-animation: blinkT 0.6s linear 0s infinite; 
  -o-animation: blinkT 0.6s linear 0s infinite; 
}

@keyframes blinkT {
  0%   { background: #000 }
  25%  { background: #5ab200 }
  50%  { background: #92ff23 }
  75%  { background: #5ab200 }
  100% { background: #000 }
}

@-webkit-keyframes blinkT {
  0%   { background: #000 }
  25%  { background: #5ab200 }
  50%  { background: #92ff23 }
  75%  { background: #5ab200 }
  100% { background: #000 }
}

@-moz-keyframes blinkT {
  0%   { background: #000 }
  25%  { background: #5ab200 }
  50%  { background: #92ff23 }
  75%  { background: #5ab200 }
  100% { background: #000 }
}

@-ms-keyframes blinkT {
  0%   { background: #000 }
  25%  { background: #5ab200 }
  50%  { background: #92ff23 }
  75%  { background: #5ab200 }
  100% { background: #000 }
}

@-o-keyframes blinkT {
  0%   { background: #000 }
  25%  { background: #5ab200 }
  50%  { background: #92ff23 }
  75%  { background: #5ab200 }
  100% { background: #000 }
}