index.css

h1 a, h2 a, h3 a, h5 a, h6 a {
    color: inherit;
    text-decoration: none;
    border: 0;
}

h1 {
    font-family: "Verdana", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    text-align:center;
    color: black;
    letter-spacing: 4px;
    align-items: left;
}

h2 {
    font-size: 1.65em;
    font-weight: 400;
    letter-spacing: 4px;
    margin: 0 0 .25em 0;
    line-height: 2.75em;
    color: white;
}

h3 {
    font-size: 1.3em;
    font-weight: 600;
    letter-spacing: 2px;
    margin: 0 0 .20em 0;
    line-height: 2.75em;
    color: black;
}
h4 {
   font-family: 'Source Sans Pro';
   font-weight: 300;
   color: rgb(63, 62, 62);
   font-size: 1.25em;
   letter-spacing: 2px;
   margin: 0 0 1.25em 0;
}

h5 {
    font-family: 'Source Sans Pro';
    font-weight: 600;
    color: grey;
    font-size: 1.25em;
    letter-spacing: 2px;
    margin: 0 0 1.25em 0;
}

a {
    text-decoration:none;
    border-bottom: solid 1px #ddd;
    color: black;
    font: black;
    font-size: 25px;
}

body {
    background-color: orange;
    margin-left: 50px;
    margin-right: 50px;
}

hr {
    border: 0;
    border-top: solid 2px rgb(0, 0, 0);
}

li {
    font-family: 'Source Sans Pro';
    font-weight: 300;
    color: #777;
    font-size: 1em;
    letter-spacing: 2px;
    margin: 0 0 1.25em 0;
    text-indent: 20px;
    color:rgb(0, 0, 0)
}
 
#header-img {
    width: 50%;
    height: 50%;
}

#header-container {
    display: auto;
}

.navbar-container a {
    margin-right: 20px;
}

img {
    width:250px;
    height:250px;
    margin: auto;
} 


.button {
    transition-duration: 0.4s;
    background-color: white;
    color: black;
    border: 2px solid blue;
    padding: 16px 32px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 4px;
}

.button:hover {
    background-color: blue;
    color: white;
}


.card {
    text-align: center;
    padding: 1rem;
    width: 350px;
    height: 550px;
    margin: 1rem 2rem;
    box-shadow: 3px 4px blue;
    background-color: #add8e6;
    transition: all 1s linear;
    position: absolute;
    align-items: stretch;
    justify-items: start;
}

#characters-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    background-color: orange;
    height: 100%;
    width: 100%;
}

.text-muted {
    font-size: 25px;
}


.center {
    border: 5px solid rgb(41, 41, 233);
    text-align: center;
}