body {
  font-family: "Montserrat", system-ui !important;
  font-optical-sizing: auto;
}

.my-name {
  /* font-family: "Gloock", serif !important; */
  font-family: "Fredericka the Great", system-ui !important;
  color: #009193;
  font-style: normal;
}

@media (max-width: 576px) {
  .my-name {
    font-size: 20px;
  }
  .mt-info {
    margin-top: 3vh !important;
  }
}

@media (min-width: 576px) {
  .h-sm-50 {
    height: 50%;
  }
}

.vh-50 {
  height: 50vh;
}

.mt-info {
  margin-top: 15vh;
}

.navbar-brand {
  font-weight: 700;
}

.navbar {
  background-color: transparent !important;
}

.nav_item_teal_letter {
  color: #009193 !important;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -21px;
}

.nav_item_purple_letter {
  color: blueviolet !important;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -4px;
}

.teal {
  color: #009193 !important;
}

.purple {
  color: blueviolet !important;
}

hr {
  border-top: 4px solid #009193;
}

.modal-content {
  opacity: 0.9;
}

.btn {
  border-radius: 20px !important;
}

.portfolio-popover {
  --bs-popover-max-width: 600px;
}