.tab-content {
  display: none;
}

.right-side {
  flex: 1;
  /* expands to fill remaining space */
}

.tab-content.active {
  display: block;
  /* or other visibility method */
}

.tab-button.active {
  /* Add active styling (e.g., background color, bold text) */
  font-weight: bold;
}

/* Desktop default */
.main-layout {
  display: flex;
  align-items: flex-start;
  gap: 2vw;
}

.main-layout>.window {
  width: 100%;
}

.bottom-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3vh;
  width: 100%;
}

/* Make the text take up remaining space */
.info-text {
  flex: 1;
  margin-bottom:-10vh;
}

/* Keep the email icon aligned right */
.email-button {
  margin-left: 2vw;
}

.main-window {
  display: flex;
  flex-direction: column;
  height: 100%;
  /* allows children to stretch */
}

/* Mobile layout */
@media (max-width: 768px) {
  .main-layout {
    flex-direction: column;
    align-items: center;
  }

  .proficiency-columns {
    flex-direction: column;
    width: 100%;
  }

  .progress-indicator.segmented {
    max-width: 80vw !important;
  }

  .bottom-row {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1vh;
  }

  .email-button {
    order: 1;
    /* email first */
    margin-left: 0;
  }

  .info-text {
    order: 2;
    /* text second */
    width: 90%;
      margin-bottom:00vh;
  }
}