style.css

* {
  border: 0;
  margin: 0;
  padding: 0;
}

body {
  align-items: center;
  background-color: aliceblue;
  display: flex;
  flex-direction: column;
}

header {
  background-image: url('./images/taskMany.png');
  background-size: cover;
  border-radius: 4px;
  height: 150px;
  margin-top: 20px;
  width: 280px;
}

header h1 {
  color: aliceblue;
  margin-top: 110px;
  margin-left: 5px;
}

#tasks {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

#tasks input {
  background-color: transparent;
  border: solid 1px #403294;
  border-radius: 4px;
  color: rgb(82, 79, 79);
  height: 20px;
  text-align: center;
  width: 280px;
}

button {
  background-color: #403294;
  border-radius: 4px;
  color: rgb(239, 245, 244);
  margin-top: 5px;
  padding: 5px;
}

#tasks-items {
  background-color:transparent;
  display: flex;
  justify-content: center;
  width: 280px;
}

#tasks-items ol {
  margin-top: 20px;
  width: 80%;
}

ol li {
  background-color: transparent;
  color: rgb(82, 79, 79);
  margin: 5px;
  text-align: left;
}

.selected {
  background-color: #a7ffff;
}

.completed {
  text-decoration: line-through solid rgb(0, 0, 0);
}

#general-controls {
  align-items: baseline;
  display: flex;
  flex-direction: row;
  height: 40px;
}

#general-controls .buttons {
  display: flex;
  flex-wrap: wrap;
  width: 200px;
}

.buttons button {
  margin: 4px;
}

#general-controls #move {
  display: flex;
  flex-direction: column;
}

.icons {
  width: 25px;
  margin-left: 5px;
  opacity: 0.7;
}

#mover-baixo, #mover-cima {
  margin-top: 5px;
  background-color: transparent;
  border: 0;
}