.content {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.content > form {
  min-width: 275px;
  padding: 1rem;
  border: 1px solid var(--strong-blue);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

form > h2 {
  /* font-size: 16px; */
  color: var(--strong-blue);
}

form > div {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 0.5rem;
  width: 100%;
}

form > button {
  padding: 0.25rem 2rem;
  background-color: var(--red);
  color: white;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
}

form > div > input {
  padding: 0.25rem;
  border-color: var(--bg-color);
  outline: var(--bg-color);
}