:root {
  --bs-body-font-family: "Sofia Sans", sans-serif;
}

.text-logo-secondary {
  color: #00b1d0;
}

.text-logo-tertiary {
  color: #26547c;
}

.team-image {
  height: 400px;
  object-fit: cover;
}

.three-viewport {
  height: 360px;
  width: 450px;
  min-height: 360px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}

.three-viewport canvas {
  border-radius: 50%;
  display: block;
  height: 100%;
  width: 100%;
}

.social-link {
  align-items: center;
  background-color: #0d6efd;
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  height: 52px;
  justify-content: center;
  transition: background-color 0.2s ease, transform 0.2s ease;
  width: 52px;
}

.social-link:hover,
.social-link:focus-visible {
  background-color: #0a58ca;
  color: #fff;
  transform: translateY(-2px);
}

.map-container {
  overflow: hidden;
  width: 100%;
}

.map-container iframe {
  border: 0;
  height: 320px;
  max-width: 100%;
  width: 600px;
}