body {
  color: #253237;
  background-color: #fcfaf7;
  font-family: "Funnel Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  font-size: 16px;
}
body a:hover {
  color: #6f9a76;
  text-decoration: none;
  border-bottom: none;
}
body a {
  color: #587E5E;
  border-bottom: dotted 1px;
  text-decoration: none;
  font-weight: 410;
}

body b {
    font-weight: 580;
}

body strong {
    font-weight: 580;
}

#topbar {
    background-color: #354f52;
    color: #cad2c5;
}

#topbar a {
    color: #cad2c5;
}

.name {
  font-family: "Funnel Display", sans-serif;
  font-optical-sizing: auto;
  font-weight: 550;
  font-size: 45px;
  font-style: normal;
}

.name a {
    text-decoration: none;
    border-bottom: none;
}

.highlight-bubble {
    background-color: #cad2c5;
}

.highlight-bubble a {
    color: #415D46;
}

.highlight-bubble a :hover{
    color: #587E5E
}

.logo-bubble {
    background-color: #dfe9f3;
}

.paper-row .title a {
    font-weight: 600;
    font-size: 17px;
}

/* For the default state */
.btn-outline-secondary {
    color: #354f52; /* Text color */
    border-color: #354f52; /* Border color */
}

/* For the hover state */
.btn-outline-secondary:hover {
    color: #dfe9f3; /* Text color on hover */
    background-color: #354f52; /* Background color on hover */
    border-color: #354f52; /* Border color on hover */
}

#scrollToTopBtn {
  background-color: #354f52;
  color: #dfe9f3;
  border-color: #354f52;
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Adjust as needed */
  right: 20px; /* Adjust as needed */
  z-index: 99; /* Ensure it's above other elements */
  /* Add more styling as desired, e.g., background-color, padding, border-radius */
}