.footer {

    position: absolute;

    width: 100vw;

    background: #eee;

    box-shadow: 0 0 20px 0 #111;

}



.footer-background {

    position: absolute;

    width: 100%;

    height: 100%;

    background-size: cover !important;

    background: url('../img/cover.jpg');

}



.footer-overlay {

    width: 100%;

    background: rgb(0, 0, 0);

    background: linear-gradient(135deg, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.85) 100%);

    backdrop-filter: blur(30px) brightness(0.4);

    -webkit-backdrop-filter: blur(30px) brightness(0.4);

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    color: #eee;

    text-align: center;

    font-family: 'Tangerine', cursive;

    font-size: 2.5rem;

    font-weight: bold;

    transition-duration: 250ms;

}



.footer-overlay .container-fluid {

    height: 100%;

}



.footer-overlay .info {

    text-align: left;

    padding-inline: 3rem;

}



.footer-overlay h1 {

    color: #eee;

    font-family: 'Tangerine', cursive;

    font-size: 2.3rem;

    font-weight: bold;

    padding-top: 3rem;

}



.footer-overlay h2 {

    color: #eee;

    opacity: .5;

    font-weight: 400;

    font-style: italic;

    font-size: .9rem;

    padding-bottom: .3rem;

}



.footer-overlay p {

    color: #eee;

    font-weight: 400;

    font-size: .8rem;

    margin-block: .7rem;

    margin-inline: 0;

}



.footer-base {

    width: 100vw;

    white-space: nowrap;

    text-align: center;

    color: #eee;

    opacity: .7;

    font-weight: 400;

    font-style: italic;

    font-size: .7rem;

    padding: .3rem;

    background: rgba(0, 0, 0, .7);

    overflow-x: scroll;

}



.footer-base::-webkit-scrollbar {

    display: none;

}