main {
  display: flex;
}

section.intro-section {
  padding: 32px 0;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  gap: 32px;
  flex: 1;
}

@media (min-width: 1024px) {
  section.intro-section {
    height: 100%;
    padding: 60px 0;
  }
}

.intro-section__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}

.intro-section__content {
  padding: 24px 0;
  border-top: solid 2px transparent;
  border-bottom: solid 2px transparent;

  text-align: center;
}

@media (min-width: 1024px) {
  .intro-section__content {
    max-width: 700px;
    padding: 24px 20px;
    border-top: solid 2px var(--border-color, #cfd8dc);
    border-bottom: solid 2px var(--border-color, #cfd8dc);
  }
}

.intro-section__content p {
  color: var(--text-color, #111111cc);
}

section.intro-section img {
  width: 134px;
}

@media (min-width: 1200px) {
  section.intro-section img {
    width: 98px;
  }
}

#applybutton {
  height: 58px;
  border: 1px solid #4fc3f7;

  font-weight: bold;

  background-color: #4fc3f7;
  color: white;

  transition: all 0.25s;
}

#applybutton:hover {
  opacity: 0.8;
}