@import url('https://fonts.googleapis.com/css2?family=Lato&family=Open+Sans&display=swap');
body {
    font-family: 'Lato', sans-serif;
font-family: 'Open Sans', sans-serif;
margin: 0px;
}

textarea {
width: 90%;
height: 10vh;
display: flexbox;
padding: 1rem;
margin: 1rem;
border-radius: 0.5rem;
}

#output {
    border: 1px solid black;
    height: 10vh;
    border-radius: 0.5rem;
    padding: 1rem;
margin: 1rem;
width: 90%;
border-color: chartreuse;
 }

 #header {
   background-color: yellow;

   background-size:10px;
   margin: auto;
   color: black;
   margin: auto;
   padding: 2rem 2rem;
   border-radius: 0.5rem;
 }

 #txt-input {
  border-color: chartreuse;
}
#btn-translate {
background-color:yellow;
padding: 1rem 2rem;
margin: auto;
display: block;
}

#translate {
  margin: auto;
display: block;
}

#footer {
  background-color: yellow;
  position: center;
  padding-top: 5rem;
  text-align: center;

}