styles.css

/* css styles */
.hero {
  max-width: 700px;
  
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
}

.hero2 {
  font-size: medium;
  margin-bottom: 50px;
}

.splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.navbar-dark {
  background-color: #000000;
}
.quarto-about-jolla p.subtitle {
 text-align: center;
}

.card-other-values {
  margin-bottom: 0;
}

.quarto-grid-item .card-other-values tr > td:first-of-type {
    font-weight: 600;
    padding-right: 0;
    padding-left: 0;
    vertical-align: top;
    width: 50%;
}

.pub-list a.btn {
  font-size: 80%;
  border-radius: 4px;
  border: 1px solid black;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
  margin-right: 0.2rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

iframe.slide-deck {
  border: 3px solid #dee2e6;
  width: 100%;
  height: 475px;
}