body,html {
  margin: 0;
  padding: 0;
  border: none;
  
  width: 99%;
  max-width: 800px;
  margin: 0 auto;
  
  background-color: #333;
  color: #fff;
  font-family: monospace;
  font-size: 14px;
  
  overflow-x: hidden;
  overflow-y: auto;
}

h1,h2,h3 {
  text-align: center;
}

section {
  overflow-x: hidden;
}

a, a:visited, a:hover {
  color: #fff;
}

textarea:not(.div) {
  width: 98%;
  height: 150px;
  font-size: 1em;
  
  overflow-x: hidden;
  
  background-color: #333;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 2px;
  padding-left: 1%;
}

input {
  width: 98%;
  height: 50px;
  
  margin-bottom: 10px;
  
  font-size: 1em;
  
  overflow-x: hidden;
  
  background-color: #333;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 2px;
  padding-left: 1%;
}

pre {
  width: 100%;
  max-width: 800px;
  
  font-size: 1em;
  
  overflow-x: auto;
}

#sink-suggestions {
  width: 100%;
  max-width: 800px;
  
  word-wrap: normal;
}

pre#sink-decrypted, pre#sink-encrypted {
  white-space: pre-wrap;
  word-wrap: break-word;
}

footer {
  text-align: center;
}