.sectio-portofolio {
  background-color: #F8F9FA;
}

.portofolio {
  margin-bottom: 2em;
  margin: auto;
}
.portofolio > div {
  border-radius: 3px;
  background-color: white;
}
@media (min-width: 768px) {
  .portofolio {
    margin: initial;
    margin-bottom: 2em;
  }
}
.portofolio__disc {
  line-height: 1.5em;
}
.portofolio__img-box {
  margin-bottom: 30px;
  overflow: hidden;
}
.portofolio__img {
  width: 100%;
  aspect-ratio: 16/9;
}
.portofolio__title {
  text-transform: uppercase;
}
.portofolio__sub-title {
  text-transform: uppercase;
  font-weight: lighter;
  color: gray;
}
.portofolio__view-btn {
  border-radius: 3px;
  padding: 0.375em 0.75em;
}
.portofolio__view-btn > a {
  color: var(--primary-text);
}
.portofolio__view-btn:hover > a {
  color: var(--white-clr);
}

/*# sourceMappingURL=portofolio.css.map */