body {
  background-color: #eaf8fb;
}

.dashboard-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.dashboard-item {
  border-radius: 5% 5%;
  padding: 0.25rem 0.25rem;
  border: 1px solid black;
  padding: 0.75rem 0.9rem;
  width: 9rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  background-color: #c0e9f2;

}

.dashboard-item:hover {
  background-color: #57c5db;
}

.dashboard-item div {
  margin-bottom: 0.75rem;
}

.dashboard-item .title {
  display: flex;
  align-items: flex-end;
  flex-grow: 1;
  text-align: center;
}

.dashboard-item img {
  width: 120px;
  height: 120px;
}

a {
  text-decoration: none;
}