* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} 

body {
  background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRBvdHdX-vI7sOHxKKb6tS-Sjd_j4TtVFODw261g9KOywOeB0F_zMUBP2iPIcKlqpqvy04&usqp=CAU");
}

.container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0 15px;
}
.btn {
  color: white;
  padding: 10px 20px;
  background-color: rgb(40, 109, 229);
  border: 0;
  border-radius: 5px;
  font-size: 1rem;
  width: 100%;
}

.btn:hover {
  filter: hue-rotate(30deg);
}

.btn:active {
  transform: scale(0.9);
}

.flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.textarea {
  outline: none;
  min-width: 400px;
  min-height: 250px;
  max-width: 400px;
  max-height: 250px;
  background-color: rgba(245, 245, 245, 0.762);
  font-size: 1.5rem;
}