/* Main layout */

body {
    --bs-body-bg: #E0B0FF;
}

#content {
    margin-left: 5%;
    margin-top: 2%;
}

#name {
	font-size: 4em;
    line-height: normal;
}

#subtitle {
	font-size: 2em;
    padding-left: 1em;
}

.my-tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;

  line-height: normal;
}

/* Tooltip text */
.my-tooltip-text {
  visibility: hidden; /* Hidden by default */
  width: 130px;
  background-color: var(--bs-body-bg);
  color: black;
  border: 2px solid black;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  z-index: 1; /* Ensure tooltip is displayed above content */

  font-size: 0.75em;
}

.my-tooltip:hover .my-tooltip-text {
  visibility: visible;
}