body, .outer, .parentFlex, .childFlex {
  width: 100%;
  height: 100vh;
}

.navbar {
  height: 56px;
}

.gear, .circle-user, .listo {
  font-size: 28px;
  color: darkgreen;
}

.right-column h1 {
  text-align: center;
}

.create-todos {
  background-color: #30343F;
}

.todo-input {
  width: 70%;
}

.add-todo {
  width: 20%;
}

.remove-button, .complete-button {
  float: right;
  display: none;
  margin-top: 10px;
}

.trashcan {
  float: right;
  visibility: hidden;
  z-index: 1;
}

.list-hov:hover i {
  visibility: visible;
}

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