.custom-alert-new {
    background-color: #332701;
    border-color: #997404;
    color: #ffda6a;
}  

/*
.custom-alert-new::before {
    content: "\1F4A1";
    margin-right: 0.5em;
}
*/

.custom-alert-improved {
    background-color: #032830;
    border-color: #087990;
    color: #6edff6;
}  

/*
.custom-alert-improved::before {
    content: "\1F528";
    margin-right: 0.5em;
}
*/

.custom-alert-fixed {
    background-color: #2c0b0e;
    border-color: #842029;
    color: #cb868f;
}  

/*
.custom-alert-bug::before {
    content: "\1F41E";
    margin-right: 0.5em;
}
*/

/* These are the 'h1' elements, which are the main headers */
h1 {
    margin-bottom: 0.4em;
    font-size: 3em;
    font-weight: bold;
    padding-bottom: 0.3em;
    border-bottom: 1px solid;
}

/* These are the 'h2' or 'h3' elements, which are the sub-headers */
h2 {
    font-size: 1.4em;  /* Changes font size */
    margin-top: 0.5em;  /* Adjusts spacing above */
    margin-bottom: 0.5em;  /* Adjusts spacing below */
    font-weight: bold;
}

h3 {
    font-size: 1.15em;  /* Changes font size */
    margin-top: 0.3em;  /* Adjusts spacing above */
    margin-bottom: 0.3em;  /* Adjusts spacing below */
}

h4 {
    font-size: 1.0em;  /* Changes font size */
    margin-top: 0.15em;  /* Adjusts spacing above */
    margin-bottom: 0.15em;  /* Adjusts spacing below */
    font-weight: lighter;
}

/* These are any of the 'hr' elements, which are the page breaks */
hr {
    margin-top: 2.0em;
    margin-bottom: 1.5em;
}

/* These are any of the 'p' elements that are used in the HTML */
p {
    font-weight: normal;
    margin-bottom: 1em;
}

/* These are any of the 'code' elements that are used in the HTML */
code {
    font-weight: lighter;
    color: #ff6a00;
}


.navbar-brand img {
    max-height: 50px;
    height: auto;
    width: auto;
}