/* Overall styles for the main content as well as the "about" section */

.main {
  width: 60%;
  padding: 120px 50px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow-y: scroll;
  scrollbar-width: 3px;
  scrollbar-color: var(--light-theme-color) transparent;
  scroll-behavior: smooth;
}

.main-item {
  width: 80%;
  min-height: 100%;
}

.heading-small-screen {
  display: none;
}

.heading {
  margin-bottom: 10px;
}

.subheading {
  margin-bottom: 50px;
  padding-bottom: 15px;
  border-bottom: 2px solid var(--light-theme-color);
}

.content {
  margin-bottom: 80px;
}

.content-paragraph {
  line-height: 22px;
  margin-bottom: 30px;
}

.skills-subheading {
  margin-bottom: 35px;
}

.skills {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.skill {
  background-color: var(--light-theme-color);
  color: var(--dark-theme-color);
  border-radius: 10px;
  padding: 5px 20px;
}