body {
  background-color: white;
  color: black;
  font-family: 'Hack', "Lucida Console", Monaco, monospace;
  padding: 0px 0%;
  text-align: left;
}

#content {
  width: 650px;
  margin: auto;

  position: relative;
  text-align: left;
}

pre {
    display: block;
    font-family: 'Hack', monospace;
    white-space: pre;
    margin: 1em 0;
}

hr {
  border: 0;
  width: 100%;
  color: #56D1D8;
  background-color: #56D1D8;
  height: 5px;
}

/* unvisited link */
a:link {
    color: #6BCAF0;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: #6BCAF0;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color:  #FFF;
    background-color: #6BCAF0;
}

/* selected link */
a:active {
    color: #FFF;
    background-color: #6BCAF0;
}

input.wide {
    width: 100%;
    height: 100px;
    font-size:16px;
    font-family:'Hack', monospace; 
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

input[type=text] {padding:5px; border:5px solid #FEDC83; 
-webkit-border-radius: 5px;
    border-radius: 5px;
}

input[type=text]:focus {border-color:#FEDC83; }

input[type=submit] {padding:5px 15px; background:#52D17E; border:0 none;
    cursor:pointer;
    font-size:16px;
    font-family:'Hack', monospace; 
    webkit-border-radius: 5px;
      border-radius: 5px;
}