/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jan 29 2025 | 11:08:11 */
.frostedglass{
    backdrop-filter:blur(2px);
}
.social-icons-3 {
    padding: 0;
    list-style: none;
    margin: 10px;
    display: flex;
    justify-content: center;
}
.social-icons-3 a i {
    font-size: 32px;
    line-height: 64px;
    transition: 0.3s;
}
.social-icons-3 a img {
    width: 32px;
    height: 32px;
    margin-top: 16px;
}
.social-icons-3 a {
    text-decoration:none;
    position: relative;
    display: block;
    width: 64px;
    height: 64px;
    background: #D5D3D4;
    text-align: center;
    margin: 0 8px;
    box-shadow: 10px 0 10px rgba(0, 0, 0, 0.3);
    transition: 0.3s;
    color: #0E0E0E;
}
.social-icons-3 a::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 3px;
    background: rgba(154, 154, 154, 0.3);
    height: 10%;
    width: 100%;
    transform: skewX(-45deg);
    transition: 0.3s;
}
.social-icons-3 a::after {
    content: "";
    position: absolute;
    top: -3px;
    left: 64px;
    background: rgba(154, 154, 154, 0.6);
    height: 100%;
    width: 10%;
    transform: skewY(-45deg);
    transition: 0.3s;
}
.social-icons-3 a:hover {
    transform: translate(-5%, 5%);
    box-shadow: 6px 4px 20px rgba(0, 0, 0, 0.5);
}
.social-icons-3 a:hover {
    background: #B4B2B3;
}
.social-icons-3 a:hover i {
    color: #2C2C2C;
}
.social-icons-3 a:hover::after {
    background: #626262;
}
.social-icons-3 a:hover::before {
    background: #828282;
}
.main-bg {
    min-height: 100vh; /* Устанавливаем минимальную высоту */
    display: flex; /* Добавляем flex для центрирования содержимого */
    justify-content: center; /* Центрирование по горизонтали */
    align-items: center; /* Центрирование по вертикали */
}

.main-bg svg {
    height: auto; /* Сохраняем пропорции */
    max-height: 100vh; /* Ограничиваем высоту блока */
    object-fit: contain; /* Эквивалент background-size: contain */
}