style.css

@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

body {
  background-color: rgb(27, 187, 236);
  /* font-family: "Montserrat", sans-serif; */
  font-family: 'Lobster', cursive; 
  margin: 0rem;
}
textarea {
  margin: auto;
  margin-bottom: 1rem;
  display: block;
  padding: 1rem;
  height: 15vh;
  width: 80%;
  border-radius: 0.5rem;
}
.header {
  background-color: black;
  color: white;
  text-align: center;
  padding: 2rem;
  font-weight: bolder;
  font-size: 1.5rem;
}
.img {
  margin: auto;
  display: block;
  padding: 2rem;
  padding-bottom: 0rem;
  max-width: 200px;
}
.head {
  margin: auto;
  text-align: center;
  display: block;
  padding: 1rem;
  font-weight: bolder;
}
#btn-translate {
  margin: auto;
  display: block;
  border-radius: 0.5rem;
  font-weight: bolder;
  /* bacground-color: */
  /* color: white; */
}
#txt-output {
  border: 1px solid black;
  background-color: white;
  margin: auto;
  margin-bottom: 1rem;
  display: block;
  padding: 1rem;
  height: 15vh;
  width: 80%;
  border-radius: 0.5rem;
}
.footer {
  background-color: black;
  color: white;
  text-align: center;
  padding: 1rem;
}