@import './header.css';
@import './all-tasks.css';
@import './todoList.css';
@import './checkbox.css';
@import './taskInput.css';
@import './footer.css';
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;1,300&display=swap');

.container {
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  margin-inline: auto;
}

.hidden {
  display: none;
}

.overlay {
  position: absolute;
  width: 100vw;
  height: 100vh;
  background-color: black;
  z-index: 98;
  opacity: 0.5;
}