body
{
    color: antiquewhite;
    background-color: rgb(18, 15, 15);
    font-family: Arial, Helvetica, sans-serif;
}

/* 
    Changing the colors of links so they are visible with the dark background: 
    https://www.w3schools.com/html/html_links_colors.asp 
*/

a:link {
    color: rgb(193, 255, 193);
    background-color: transparent;
    text-decoration: none;
}
  
a:visited {
    color: rgb(119, 237, 148);
    background-color: transparent;
    text-decoration: none;
}

h1
{
    text-align: center;
    text-decoration: underline;
}

h2
{
    text-decoration: underline;
    font-size: xx-large;
}

/* ID selector */
#navbar
{
    background-color: rgb(37, 19, 5);
}

/* Child selector (and ID selector) */
#navbar a,#navbarCredit
{
    margin: 5px;
    padding: 1px;
}

#navbarCredit
{
    /* 
    Thanks to this stackoverflow thread for this method of moving a span to the
    right side of a div:
    https://stackoverflow.com/questions/5067279/how-to-align-this-span-to-the-right-of-the-div 
    */
    float:right;
    text-align: right;
}

.borderedImage
{
    border: 2px antiquewhite solid;
    border-radius: 5px;
}

/* Reduce space between image/audio credit and the content the credit is for */
.credit
{
    margin: 0.25em;
}

/* Another example of stackoverflow being the best website on earth:
https://stackoverflow.com/questions/4151743/how-can-i-change-the-thickness-of-my-hr-tag */
hr
{
    height: 2px;
    background-color: rgb(93, 89, 84);
    border: none;
}

.thickHR
{
    height: 4px;
}

/* For the "Near Threatened" text */
.threatened
{
    color: red;
}