.footer {
    background-color: #0d0d0d; /* Почти чёрный */
    color: #cfcfcf;
    text-align: center;
    padding: 40px 20px;
    font-family: 'VT323', monospace;
    text-transform: uppercase;
}

/* Контейнер футера */
.footer-content {
    max-width: 600px;
    margin: 0 auto;
}
.footer-content a{
    text-decoration: none;
    color: #ffffff;
}

/* Социальные сети */
.socials {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 20px;
}
/* Иконки соцсетей */
.socials a {
    display: inline-block;
    width: 1.7rem; /* Указываем нужный размер */
    height: 1.7rem;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* Иконки */
.socials img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Для того чтобы иконки не растягивались */
    filter: invert(1); /* Сделаем изображения белыми */
    transition: filter 0.3s ease-in-out, transform 0.3s;
}

/* Анимация при наведении */
.socials a:hover img {
    animation: glitch 0.4s linear infinite;
}


/* Глитч-эффект */
@keyframes glitch {
    0% { transform: translate(0, 0); }
    25% { transform: translate(-0.5px, 0.5px); }
    50% { transform: translate(0.5px, -0.5px); }
    75% { transform: translate(-0.5px, -0.5px); }
    100% { transform: translate(0.5px, 0.5px); }
}