@font-face
  {
    font-family: tresc;
    src: url(../fonts/lato_reg.ttf);
  }
  
@font-face
  {
    font-family: link;
    src: url(../fonts/lato_bold.ttf);
  }

body {
  margin: 0;
  text-align: center;
  margin-top: 10px;
  font-family: tresc;
  background-color: #d5edd8;
  }
    

textarea {
  width: 500px;
  height: 250px;
  }
  
#inputField {
  border: 2px solid black;
  border-radius: 10px;
  }
  
#outputField {
  background-color: #DCDCDC;
  border: 2px solid #708090;
  border-radius: 10px;
  }
  
a {
    color: #009933;
    font-family: link;
    text-decoration: none;
  }
  
a:hover
  {
    text-decoration: underline;
  }
  
  
.btn {
  background-color: #32CD32;
  width: 200px;
  border: 1px solid black;
  border-radius: 5px;
  }

.btn:hover {
  border: 2px solid black;
  }