* {
  font-family: "Rubik", serif;
}
body {
  font-family: "Rubik", serif;
  font-optical-sizing: auto;
  background-color: #f2f2f2;
}

.shadow-brutal {
  box-shadow: 4px 4px 0px #000;
}

.list-container {
  background-color: #fff;
  border: 4px solid #000;
}

.card {
  background-color: #e0ffe0;
  border: 2px solid #000;
}

.btn-brutal {
  background-color: #ffd700;
  border: 2px solid #000;
}

.btn-brutal:hover {
  border: 2px solid #000;
  box-shadow: 0px 0px 0px #000;
  transition: box-shadow 0.3s;
}

.edit-btn {
  background-color: #0377fc;
  border: none;
  border: 2px solid #000;
  font-size: 16px;
  cursor: pointer;
  padding: 5px 10px;
  transition: background-color 0.3s;
  box-shadow: 4px 4px 0px #000;
}

.edit-btn:hover {
  border: 2px solid #000;
  box-shadow: 0px 0px 0px #000;
  transition: box-shadow 0.3s;
}