/* Bring in additional CSS files */
@import url("_index.ca04e5695deb.css");
@import url("_forms.453a149f6404.css");
@import url("_markdown_article.f99c02a2f529.css");
@import url("_categories.40259754fffc.css");
@import url("_about.2db4d6b1d004.css");
@import url("_logo.86b4aaffcac8.css");

/* Global link styles */
a {
    text-decoration: none;
}

body, .nav, .footer {
    font-family: 'Chivo Mono', monospace;
    max-width: 950px;
    margin: 0 auto;
    padding: 0;
  }

/* NAV BAR */
nav {
    font-family: 'Chivo Mono', monospace;
    display: flex;
    align-items: center;
    background-color: #ffffff;  /* Change background to white */
    color: #393D3F;             /* Set default text color to #393D3F */
    font-size: 12pt;
    border-bottom: 4px solid orange; /* Add orange color */
}

.navbar-toggler {
    /* padding: 1em; */
    color: #393D3F;
}

.navbar-toggler:hover {
    background-color: transparent;
    color: #2176FF;
}

nav a {
    display: inline-block;
    padding: 1em;
    color: #393D3F;
    /* color: #2176FF;  */
    text-decoration: none;
}

nav a:hover {
    background-color: transparent;  /* Remove background color on hover */
    color: #2176FF;                 /* Change link hover color to #2176FF */
}

/* FOOTER */ 
footer {
    font-family: 'Chivo Mono', monospace;
    display: flex;
    align-items: center;
    background-color: #ffffff;      /* Change background to white */
    color: #393D3F;                 /* Set default text color to #393D3F */
    font-size: 12pt;
    justify-content: space-between;
    margin-top: auto;
    border-top: 4px solid orange; /* Add orange color */ 
}

footer a {
    display: inline-block;
    padding: 1em;
    color: #393D3F;                /* Set link color to #393D3F */
    text-decoration: none;
}

footer a:hover {
    background-color: transparent; /* Remove background color on hover */
    color: #2176FF;                /* Change link hover color to #2176FF */
}