#add {
  display: none;
  position: fixed;
  right: 50px;
  bottom: 50px;
  aspect-ratio: 1;
  background: black;
  align-items: center;
  border-radius: 20px;
  border: white 2px solid;
  justify-content: center;
  cursor: pointer;
  color: white;
  font-family: Montserrat;
  z-index: 999;
  font-size: 20px;
  font-weight: 900;
  color: white;
}

#add:hover {
  transition: 0.3s;
  transform: scale(1.1);
  border: var(--second-color) 2px solid;
  color: var(--second-color);
}

.addWindow {
  display:none;
  position: fixed;
  bottom: -100px;
  left: 0px;
  width: 100vw;
  color: white;
  z-index: 998;
}

.editTodoWindow, .editTTWindow, .editSpendingWindow {
  display:none;
  align-items: center;
  position: fixed;
  top: 0px;
  right: -300px;
  height: 100vh;
  color: white;
  z-index: 998;
  background: #1f1f1f;
  width: 300px;
  padding: 20px;
  font-family: sans-serif;
}

.delete {
  width: 40px;
  height: 40px;
  font-size: 20px;
  background: #c3423f;
}


.startACT {
  border-radius: 50px;
  cursor: pointer;
  transition: 0.3s;
  background: none;
  border: none;
}

.startACT:hover {
  cursor: pointer;
  background: none;
  transform: scale(1.05);
}

.startACT img {
  border-radius: 50px;
}

.quickTodo, .quickSpending {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100vw;
  height: 100vh;
  display: none;
  justify-content: center;
  align-items:center;
}