form {
  width: 400px;
  margin: 50px auto;
}
.login {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 15px;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.table th {
  color: white;
  background-color: var(--main-blue);
}
.table td {
  vertical-align: middle;
  border: 1px solid #ddd;
  padding: 5px 10px;
}
button.delete {
  padding: 5px 8px;
  border: none;
  border-radius: 50%;
  background-color: transparent;
  transition-duration: 0.25s;
  cursor: pointer;
}
button.delete:hover {
  box-shadow: 0 0 10px 3px firebrick;
}
button.delete img {
  height: 35px;
  width: auto;
}