.content-container {
    display: block;
    margin: 0 auto;
}

.socials-grid {
    display: grid;
    margin: 0 auto;
    width: min-content;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.socials-grid svg {
    width: 8rem;
    height: 8rem;
}

.socials-grid svg path {
    fill: hsl(0, 0%, 20%);
    stroke: hsl(0, 0%, 30%);
    stroke-width: calc(3 / 103 * 8rem);
}

.socials-grid svg:hover path {
    stroke: hsl(0, 0%, 40%);
}

@media (max-width: 450px) {
    .socials-grid svg {
    width: 5.5rem;
    height: 5.5rem;
    }
}