main {
  background-color: #f5f5f5;
  letter-spacing: 1px;
}

header a:hover {
  color: #ffa900 !important;
}

.maxContent {
  width: max-content;
}

.nav-item > a {
  font-size: 1.3rem;
}

.homeSection {
  width: 50%;
  height: 90vh;
}

.homeSection > img {
  width: 60%;
}

.Jumbotron > h1 {
  font-size: 3.5rem;
}

.card-title {
  font-weight: bold;
}

.imgCard {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.cardSize {
  width: 20vw;
  min-width: 300px !important;
  margin-top: 2rem;
}

.cardSize-img {
  height: 30vh;
}

.aboutMeIMG {
  width: 20vw;
}

.subTitleAboutMe {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

#aboutMeText {
  margin-left: 2rem;
}

@media (min-width: 1000px) {
  main {
    padding-left: 10rem;
    padding-right: 10rem;
  }
}

@media (max-width: 576px) {
  #Home {
    height: 100vh;
  }

  .homeSection {
    width: 100%;
    height: 45vh;
  }

  #homeSection1 {
    order: 2;
    align-items: flex-start !important;
  }

  #homeSection2 {
    justify-content: center !important;
    align-items: flex-end !important;
  }

  .cardSize {
    width: 85vw;
    margin-bottom: 2rem;
  }

  .aboutMeIMG {
    width: 75vw;
  }

  .skills {
    width: 25% !important;
  }

  #aboutMeText {
    width: 75% !important;
    margin-top: 3rem;
    margin-left: 0;
  }
}