body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  display: flex;
  flex: 1;
  padding: 20px;
  justify-content: center;
  align-items: center;
}

.content-container {
  display: flex;
  width: 100%;
  justify-content: space-between; /* Spread the content horizontally */
  align-items: center;
}

/* Media Query for Smaller Desktops */
@media screen and (max-width: 1366px) {
  .content-container {
    flex-direction: column; /* Set flex-direction to column on tablets */
  }
}