/* Reset default link styles (optional) */
a {
    text-decoration: none;
    color: inherit;
}
.small-subscript {
    font-size: 0.6em; /* Adjust the font size as needed */
}



/* Style the header */
header {
    background-color: #333; /* Dark background color */
    color: #fff; /* Text color for the header */
    padding: 15px; /* Add padding for spacing */
}

/* Style links (a) and visited links (a:visited) */
a, a:visited {
    color: #000; /* Black color for links */
}

/* Define the @font-face rule */
@font-face {
    font-family: 'Special Elite';
    src: url('fonts/SpecialElite-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/SpecialElite-Regular.woff') format('woff'); /* Older Browsers */
    font-weight: normal;
    font-style: normal;
}

/* Apply the font to the entire page */
body {
    font-family: 'Special Elite', cursive;
    font-size: 15px; /*
}

/* home icon */

 .home-icon {
    position: fixed;
    top: 15px;
    right: 15px;
    background: black;
    padding: 10px;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    text-decoration: none;
    transition: background 0.3s;
  }

  .home-icon:hover {
    background: #222;
  }

  .home-icon svg {
    display: block;
  }


/* user agent center column */

  .centered-column {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 1rem;
  }

  /* Desktop/laptop only (screens wider than 1024px) */
  @media (min-width: 1025px) {
    .centered-column {
      width: 33%;
    }
  }