/* footer */
    #footer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 30px;
        padding: 30px;
        background-image: linear-gradient(to top, black, rgb(6, 38, 61));
    }

    #socialMedia {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    #footerDocs {
        display: flex;
        flex-direction: row;
        gap: 10px;
    }
    #footerDocs a {
        color: white;
        font-family: 'Heebo', sans-serif;
        font-size: 14px;
    }

    .smIcons {
        width: 30px;
        cursor: pointer;
    }

    #wrapperlogoFooter {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    #logoFooter {
        width: 60px;
    }

    #footer span {
        color: white;
        font-size: 14px;
        font-family: 'Heebo', sans-serif;
        font-weight: 200;
    }