footer {
    background-color: rgb(25,25,25);
    box-shadow: 0px -3px 5px -5px white;
    width: 100%;
    height: 20%;
    display: flex;
    justify-content: space-between;

    font-family: "bebas";
    font-size: 1vw;
}


#social-network-section {
    width: 40%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-self: center;
}

#social-network-title {
    text-align: center;
    font-size: 1.2vw;
    color: white;
}

#social-network-image-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

footer section div a img {
    width: 40px;
    height: 40px;
    margin: 0 10px;
}

#about ul li:not(:first-child)::before  {
    content: "|";
    margin-left: 5px;
}

#about ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

ul li {
    list-style: none;
}

#about {
    width: 30%;
    display: flex;
    justify-content: flex-end;
    align-items: end;
    padding-right: 10px;
}

#cap {
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#cap h3 {
    text-align: center;
    font-size: 1.5vw;
    font-family: "Amsterdam";
}

#cap p {
    text-align: center;
    font-size: 1vw;
}