/* General link styling */
a {
    text-decoration: none; /* Remove default underline */
}

a:hover {
    border-bottom: 1px solid #000; /* Thin underline for all links on hover */
}

/* Specific styling for the logo link */
.site-logo a, .logo-link a, #logo a { /* hfeed site */
    text-decoration: none; /* Ensure no underline for the logo */
    border-bottom: none; /* Ensure no border for the logo */
}

@import url('https://fonts.googleapis.com/css2?family=Hauora:wght@300&display=swap');

.currency {
  font-family: 'Hauora', sans-serif;
  font-size: 3em;  /* Double the base size for the currency code */
  font-weight: 300;  /* Light weight font for the currency */
  vertical-align: bottom;  /* Bottom align the currency */
  transition: all 0.5s ease-in-out;
  color: black;  /* Color for the currency code */
}

.currency::after {
  content: '0';  /* Removed space before the '0' */
  font-size: 6em;  /* Four times the base size for the '0' */
  font-weight: 300;  /* Light weight font for the '0' */
  vertical-align: bottom;  /* Bottom align the '0' */
  line-height: 0.75;  /* Adjust line height for better alignment */
  color: black;  /* Color for the '0' */
}