.container {
  height: 60vh;
  width: 30vw;
  margin: 0 auto;
  margin-top: 20vh;
  background-color: rgba(245, 245, 245, 0.808);
  border-radius: 10px;
}

.top_section {
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  height: 20%;
  border-bottom: solid 2px white;
}

.top_section_inside {
  font-family: "Oxygen", sans-serif;
  text-align: center;
  justify-content: center;
  font-size: 1.2em;
  height: 100%;
  border: #e4e4e4 1px solid;
  border-radius: 10px 10px 0px 0px;
}
.top_section_inside h3 {
  margin-bottom: 2%;
}

.body {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

input {
  width: 70%;
  height: 25%;
  border-color: none;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #b3b3b3;
  margin-right: -5px;
}

button {
  height: 29%;
  width: 14%;
  background-color: #fdcf00;
  border: none;
  color: white;
  font-weight: 900;
  font-size: 0.8em;
}

button:focus {
  outline: none;
}

.orange_font {
  color: #ffb300;
}

li {
  font-family: "Oxygen", sans-serif;
  list-style-type: none;
  margin: 1rem 0;
  border-bottom: 1px solid #f1d883;
}

.completed {
  text-decoration: line-through;
  opacity: 0.5;
}

/*# sourceMappingURL=main.css.map */