.static-links {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: row;
    gap: 3em;
}

.links-container {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    gap: 8px
}

.static-body {
    display: flex;
    flex-direction: column;
    margin-bottom: 5em;
    text-align: justify;
}

h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 2.1875rem;
    text-align: center;
    color: rgb(50, 50, 50);
    margin-top: 1em;
}

h2 {
    font-size: 1.675rem;
    color: gray;
}

hr {
    width: -webkit-fill-available;
}

ul {
    padding-inline-start: 2em !important;
    list-style-type: initial !important;
}

li {
    list-style-type: initial !important;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .static-body {
        width: 98%;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .static-body {
        width: 85%;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .static-body {
        width: 70%;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .static-body {
        width: 60%;
    }
}