* {
  margin: 0;
  padding: 0;
  /* font-family: "Source Sans Pro", "Nunito", sans-serif; */
  /* --bg-color: white;
    --typewriterSpeed: 2s;
    --typewriterCharacters: 24; */
}

main {
  width: 100%;
  height: 100dvh;
  min-height: 100vh;
  overflow-y: auto;
  padding: 4rem 0 4rem 0;
}

.p-pageHeading {
  text-align: center;
  padding: 2rem 0 4rem 0;
  font-weight: 500;
  font-size: x-large;
}

.pc-view-for-projects {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  gap: 3rem;
  padding: 0 2rem;
}
.no_project {
  width: 100%;
  height: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no_project > p {
  font-size: xx-large;
  color: rgb(194, 194, 194);
}

/* Media Querie for small laptop */
@media only screen and (min-width: 1024px) and (max-width: 1024px) and (min-height: 874px) and (max-height: 874px) {
  .pc-view-for-projects {
    gap: 1rem;
    padding: 0;
  }
}

/* Target iPad Pro portrait and landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
  only screen and (min-device-width: 834px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .pc-view-for-projects {
    gap: 1rem;
    padding: 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1024px) and (min-height: 1366px) and (max-height: 1366px) {
  .pc-view-for-projects {
    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
    gap: 1;
    padding: 0;
    padding-right: 5rem;
  }
}

/* Media Querie for tablet */
@media only screen and (max-width: 768px) {
  .pc-view-for-projects {
    padding: 0;
  }
}

/* Media querry  for mobile view */
@media only screen and (max-width: 600px) {
}

/* Media querry  for mini+ mobile mobile view */
@media only screen and (max-width: 412px) {
  .pc-view-for-projects {
    padding: 0 1.5rem;
  }
}

@media only screen and (max-width: 393px) {
  .pc-view-for-projects {
    padding: 0 0.9rem;
  }
}

@media only screen and (max-width: 360px) {
  .pc-view-for-projects {
    padding: 0 1.4rem;
  }
}

/* Media querry  for mini mobile mobile view */
@media only screen and (max-width: 320px) {
  .pc-view-for-projects {
    padding: 0;
  }
}