body {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  color: #3a3942;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "Black Han Sans", sans-serif;
  font-size: 24px;
  margin-bottom: 0 !important;
}

.top,
.about-section {
  background: white;
}

.bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -10;

  /* background: url("https://images.unsplash.com/photo-1593902581864-7ff48cffacb0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1867&q=80");
  background-size: contain;
  background-position-x: center;
  background-position-y: bottom; */
}

.bg img {
  width: 100%;
}

.logo-section {
  height: 300px;
}

.logo-section .logo-box {
  border: 5px solid rgb(26, 26, 26);
  padding: 10px;
}

.gray-section {
  background: #f8f7fc;
}

.portfolio-header {
  /* background: url("https://images.pexels.com/photos/2262746/pexels-photo-2262746.jpeg?cs=srgb&dl=pexels-flora-westbrook-2262746.jpg&fm=jpg"); */
  /* background-size: cover; */
  /* background-position: center; */
  height: 150px;
}

.portfolio-header .logo-box {
  border: 5px solid rgb(255, 255, 255);
  padding: 10px;
}

.portfolio-header .logo-box h4 {
  color: white;
}

.portfolio-section {
  background: white;
}

.portfolio-section .portfolio-project {
  height: 240px;
  margin: 0;
  box-shadow: 1px 1px 3px #e1e1e1;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.portfolio-section .portfolio-project p {
  font-size: 0.7em;
  padding: 15px;
}

.portfolio-section .portfolio-project .link {
  position: absolute;
  bottom: 15px;
  right: 15px;
  font-size: 0.8em;
}

.portfolio-section .portfolio-project .image-holder {
  width: 30%;
  height: 100%;
  flex-shrink: 0;

  background-size: cover;
  background-position: center;
}

.portfolio-section .portfolio-project img {
  height: 100%;
}

strong {
  font-weight: bold;
  font-size: 1.2em;
}