*{
  margin: 0;
  padding: 0;
}

body {
  background-color: #edf5f2; 
} 

.home-container {
  min-height: 100vh;
  width: 100%;
  padding-bottom: 50px;
}

.navbar {
  min-height: 100px;
  background: #0000004d;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.navbar-brand i {
  font-size: 30px; 
}

#add-new-task-link, .add-task-button {
  background-color: #569ccc;
  -webkit-text-stroke: 1px #f5f0f0;
  color: #ffffff;
}

.add-task-button:hover{
  -webkit-text-stroke: 1px #1a1919;
  color: #121817;
  background-color: #569ccc;
}

#add-new-task-link:hover {
  -webkit-text-stroke: 1px #1a1919;
  color: #121817;
  background-color: #569ccc;
} 

.home-card-body, .add-task-form {
   box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  background: rgba(216, 180, 180, 0.3);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(3.1px);
  -webkit-backdrop-filter: blur(3.1px);
  border: 1px solid rgba(216, 180, 180, 0.31);
  color: #121817;
  text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;
}

.home-card-body:hover {
  transition: all 0.6s ease-out;
  opacity: 1;
  border: 1px solid #04636a;
}

.edit-task-link i, .delete-task-link i {
  font-size: 25px; 
  color: rgb(0, 0, 0);
}

.add-task-form {
  width: 70%;
  min-height: 450px;
}

.add-task-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 20px;
}

.cancel-add-task-button {
  background-color: #728984;
  -webkit-text-stroke: 1px #f5f0f0;
  color: white;
  text-shadow: none;
}

.cancel-add-task-button:hover {
  background-color: #728984;
  -webkit-text-stroke: 1px #1a1919;
  color: #121817;
}

footer {
  width:100%;
  position: fixed; 
  bottom: 0;
  background: #0000004d;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}