.projectsContainerW2,
.projectsContainerW3,
.projectsContainerF {
  display: grid;
  gap: 2.5em;
  align-items: center;
  justify-content: center;
  grid-template-columns: repeat(4, 2fr);
  align-items: flex-start;
  justify-content: flex-start;
  margin: 4em 0;
  min-height: 430px;
}

.projectsContainerW3,
.projectsContainerF {
  display: none;
}

.projectsTop p {
  color: #71717A;
}

.project {
  height: 165px;
  background: #18181B;
  padding: 1em;
  margin-bottom: 1em;
  transition: 0.3s ease-in;
}
.project h1 {
  font-size: 1.3em;
}
.project p,
.project span {
  font-family: "Raleway", sans-serif !important;
}
.project p {
  font-size: 1.197em;
}
.project:hover {
  transform: scale(1.09);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}

.projectStatus {
  margin-top: 2em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  align-items: center;
}
.projectStatus span {
  margin-top: 2px;
  margin-left: 6px;
}

@media (max-width: 750px) {
  .projectsContainerW2,
.projectsContainerW3,
.projectsContainerF {
    display: grid;
    gap: 2.5em;
    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(1, 2fr);
    align-items: flex-start;
    justify-content: flex-start;
    margin: 4em 0;
    min-height: 200px;
  }
  .projectsContainerW3,
.projectsContainerF {
    display: none;
  }
  .project {
    width: 85%;
    height: 190px;
    min-width: 230px;
    max-width: 370px;
    padding: 1.5em 1em;
  }
}/*# sourceMappingURL=exp.css.map */