.about-container {
    max-width: 1200px;
    padding: 20px;
    margin: 25px auto 100px auto;
}

.about-title {
    font-size: 30px;
    margin: 30px 0 10px 0;
}

hr {
    display: none;
}

@media (max-width: 500px) {
    hr {
        display: block;
    }
}

footer {
    margin-bottom: 100px;
}

.socials {
    display: flex;
    gap: 20px;
}

.socials a {
    text-decoration: none;
}

.socials a:hover {
    transition: .5s;
    filter: brightness(70%);
}

footer .socials {
    width: fit-content;
    margin: auto;
}



#signature {
    width: fit-content;
    margin: 100px auto 0 auto;
}


#signature svg path{
    fill: black;
    background: transparent;
    stroke: none;
}