/* ========================= */
/* LAYOUT */
/* ========================= */

.content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.border-box-parent {
  display: flex;
  flex-wrap: wrap; /* IMPORTANT */
  justify-content: center;
  gap: 20px;
}

.border-box-button-parent {
  display: flex;
  flex-wrap: wrap; /* IMPORTANT */
  justify-content: center;
  gap: 10px;
}


/* ========================= */
/* RESPONSIVE */
/* ========================= */

@media screen and (max-width: 600px) {
  .border-box-parent {
    flex-direction: column;
    align-items: center;
  }

  .border-box {
    width: 95%;
  }

  .page {
    width: 100%;
    text-align: center;
  }

  .border-box-button-parent {
    flex-direction: column;
    align-items: center;
  }
}