body {
    background-color: #4040b6;
    background-image: url("../images/Justiceleaguebackground.JPG");
    background-repeat: repeat;
    background-size: cover  ;
    background-position: 20px 50px;
}

a:hover, .hero-font:hover {
    color: #fcde47;
}

a::before {
    content: "";
    position: absolute;
    display: inline;
    width: 0%;
    height: 0px;
    bottom: -1px;
    left: 0;
    background-color: #ab9d9d;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

a:hover::before {
    transform: scaleX(0);
}

ul {
    list-style-type: none;
}

ul li a {
    color: whitesmoke;
    font-size: 28px;
    text-decoration: none;
}

.reading-title {
    color:#0d129b;
    font-family: "Black Ops One", system-ui;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 3px;
    font-size: 40px;
    text-align: center;
    text-shadow: 1px 1px #b1a9a9;
}

.hero-font {
    font-family: 'HallofHeroes', system-ui;
    font-style: normal;
    letter-spacing: 4px;
    text-shadow: 1px 1px #b1a9a9;
    color: #d2d3db;
}

.reading-list h2 {
    padding-left: 26px;
}