html * {
    font-family: Arial, Helvetica, sans-serif;

    margin: 0 auto;
    text-align: center
}

h1 {
    font-family: "Kumar One", serif;
    font-weight: 400;
    font-style: normal;
}
h2 {
    font-family: "Artifika", serif;
    font-weight: 400;
    text-align: center;
    font-style: normal;
    font-weight: 900;
}
h3 {
    padding-top:10px;

    font-family: "Artifika", serif;
    font-weight: 400;
    text-align: center;
    font-style: normal;
    font-weight: 900;
}

.kumar-one-regular {
    font-family: "Kumar One", serif;
    font-weight: 400;
    font-style: normal;
  }

  .artifika-regular {
    font-family: "Artifika", serif;
    font-weight: 400;
    font-style: normal;
  }
  

.navbar {

    font-family: 'Roboto', sans-serif;
    /* Apply Roboto font to the navbar */
    font-weight: 400;

}



.nav-link {

    font-family: 'Roboto', sans-serif;
    /* Apply Roboto font to navigation links */
    font-weight: 400;

}

.spinner-border {
    display: none;
    /* Hidden by default */
}

.mono-numbers {
    font-family: "Roboto Mono", "DejaVu Sans Mono", Consolas, monospace;
    font-variant-numeric: lining-nums tabular-nums;
}

.spinner-border {
    display: none;  /* Hidden by default */
}

.lead {
    font-family: Georgia, "Times New Roman", Times, serif;
    margin-bottom: 1.5rem;  /* Adds spacing between paragraphs */
}

p {
    margin-bottom: 1rem;  /* Adds default spacing between paragraphs */
}

.social-icon {
    color: #333;
    font-size: 1.2em;
    margin: 0 5px;
    text-decoration: none;
}

.social-icon:hover {
    color: #666;
}

.social-icon-img {
    width: 1.2em;
    height: 1.2em;
    vertical-align: text-bottom;
}