.container {
  text-align: center;
  margin: 50px auto;
  width: 50%;
  border-radius: 15px;
}
.main {
  margin-bottom: 50px;
  background-color: rgb(4, 151, 151);
}
input {
  padding: 10px;
  width: 50%;
  margin: 30px 0px;
  border: none;
  font-weight: 700;
  font-size: 15px;
}
input:focus {
  outline: none;
}
.main button {
  background-color: brown;
  border: none;
  padding: 10px;
  margin-left: 60px;
  border-radius: 10px;
  color: white;
  cursor: pointer;
}

.tasks{
    /* max-width: 50%;
    margin: auto; */
    background-color: rgb(4, 151, 151);
}
.tasks p {
    display: inline-block;
    background-color: white;
    width: 50%;   
    padding: 10px;
    border-radius: 10px;
    
}
.tasks .btn2 {
    background-color: rgb(219, 88, 88);
    color: white;
    border: none;
    border-radius: 10px;
    padding: 7px;
    margin-left: 70px;
    cursor: pointer;
}