* {
  text-align: center;
}

body{
  background-color: black;
  color: chartreuse;
  font-family: 'Open Sans', sans-serif;
}

#inputText {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  color: rgb(113, 225, 247);
  background-color: rgb(27, 27, 27);
  border-radius: 5px;
  border: 3px solid;
}

#outputText {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  background-color: rgb(13, 13, 48);
  color: chartreuse;
  border-radius: 5px;
  border: 2px solid;
}

.buttons {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  padding: 15px 32px;
  cursor: pointer;
  margin: 4px 2px;

}

#encode {
  background-color: rgb(89, 241, 89);
  color: black;
  font-weight:bold;
  border-color: black;
 
}

#decode {
  background-color: rgb(197, 195, 83);
  font-weight:600;
  border-color: black;
}

#clear {
  background-color: black;
  color: white;
  border-color: white;
}