body {
  .libertinus-keyboard-regular {
  font-family: "Libertinus Keyboard", system-ui;
  font-weight: 400;
  font-style: normal;
}

}

.nav-title {
  font-weight: 300;
  font-size: 70px;
  color:rgb(12, 40, 82)
}

.button-text {
  font-size: 14px;
  font-weight: 700;
  color:rgb(12, 40, 82)
}

.image-caption {
  font-size: 14px;
  font-weight: 500;
  color:rgb(12, 40, 82);
  font-family:"Josefin Sans", sans-serif;
}

.main-title {
  font-size: 40px;
  font-weight: 700;
  color:rgb(12, 40, 82)
}

.subheader-text {
  font-size: 30px;
  font-weight: 500;
  color:rgb(12, 40, 82)
}

.body-text {
  font-size: 18px;
  font-weight: 500;
  color:rgb(12, 40, 82);
  font-family:"Josefin Sans", sans-serif;
  

}

.project-card-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  color:rgb(12, 40, 82)
}

.project-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color:rgb(12, 40, 82)
}