#contact {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding: 0 10%;
    background-color: var(--dark-bg);
    color: white;
    padding-top: 30px;
    padding-bottom: 30px;
    gap: 12px;
}

.contact-info-container {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

.social-media-anchor {
    display: block;
}

.social-media-img {
    display: block;
    max-height: 20px;
    cursor: pointer;
}

.email-link {
    font-size: 12px;
    color: white;
}