@import url(../css/main.css);
.myselft-main {
  /* background-color: rgba(136, 146, 176, 0.08); */
  font-family: "Raleway", sans-serif;
  .introduction {
    h1 {
      margin-bottom: 1rem;
      text-align: center;
      /* color: white; */
      color: var(--success);
      font-size: 4rem;
    }

    p {
      background-color: rgba(136, 146, 176, 0.08);
      font-weight: 500;
      line-height: 1.5;
      color: var(--main-gray);
      padding: 0.5rem;
      border-radius: 0.3rem;
    }
  }
  .myEducations,
  .myExperience,
  .myTrainings,
  .myResume {
    background-color: rgba(136, 146, 176, 0.08);
    padding: 0.5rem;
    margin: 1rem 0rem;
    border-radius: 0.3rem;
    line-height: 1.5;
    color: var(--main-gray);
    h1 {
      color: var(--success);
    }
    .bTech,
    .company {
      /* background-color: rgba(136, 146, 176, 0.08); */
      /* border-radius: 0.3rem; */
      padding: 0.5rem;
      h2 {
        margin-top: 0.6rem;
        i {
          color: var(--success);
        }
      }
      p {
        font-weight: 500;
      }
    }
  }
  .myExperience {
    .company {
      h3,
      h4 {
        i {
          color: var(--success);
        }
      }
    }
  }
}

.mySkills {
  background-color: rgba(136, 146, 176, 0.08);
  padding: 0.5rem;
  margin: 1rem 0rem;
  border-radius: 0.3rem;
  line-height: 1.5;
  color: var(--main-gray);
  h1 {
    color: var(--success);
  }
}
.myResume {
  h1 {
    i {
      color: var(--success);
    }
  }
  .resumeLink {
    margin: 2rem 0rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* @media only screen and (max-width: 480px) {
} */