.portfolio {
  margin-top: 12rem;
}
.portfolio h1,
.portfolio p {
  text-align: center;
}
.portfolio h1 a,
.portfolio p a {
  color: blue;
}
.portfolio .introText {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem;
}
.portfolio .centerContainer {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem;
}
.portfolio .centerContainer .project {
  margin: 2rem;
  border-radius: 1rem;
  background-size: cover;
  width: 18rem;
  height: 18rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 11px;
}
.portfolio .centerContainer .project1 {
  background-image: url("./../portfolio/imagesUBC/image1.png");
}
.portfolio .centerContainer .project2 {
  background-image: url("./../portfolio/images/AncestorChart.webp");
}
.portfolio .centerContainer .project3 {
  background-image: url("./../portfolio/WetterKI_images/processed/image3.webp");
}
.portfolio .centerContainer .glassCard {
  width: 70%;
  height: 70%;
  -webkit-backdrop-filter: blur(7px) saturate(130%);
          backdrop-filter: blur(7px) saturate(130%);
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.4s ease-in-out;
}
.portfolio .centerContainer .glassCard .card-title {
  color: black;
  margin-bottom: 0.8rem;
}
.portfolio .centerContainer .glassCard .card-text {
  text-align: center;
}
.portfolio .centerContainer .glassCard:hover {
  transform: scale(1.06);
}

@media only screen and (max-width: 1000px) {
  .caseStudiesSection .project {
    margin: 1rem;
    width: 14rem;
    height: 14rem;
  }
}/*# sourceMappingURL=portfolio.css.map */