[ s o t h ǝ ]
> INITIATE
// SYS.TIME:
INITIALIZING...
// SESSION_ID:
...
// STATUS:
_
[ MAIL :: CONTACT ]
0x4F
0xA1
0x2B
0xC9
0x99
0x00
LAT:
34.09
LNG:
-117.6
SYSTEM_LOAD:
SOTHE System Layer
壱号機
SOTHE-001 TYPE-J
弐号機
SOTHE-002 TYPE-H
/* 1. Main Container */ .social-footer-container { display: flex; justify-content: center; align-items: center; gap: 20px; padding: 15px 0; width: 100%; /* THE FIX: Force this container to the front */ position: relative; z-index: 100; } /* 2. Link Styling */ .social-icon-link { display: flex; align-items: center; justify-content: center; color: #808080; opacity: 0.6; text-decoration: none; cursor: pointer; /* Ensures the hand icon appears */ /* Hardware acceleration */ backface-visibility: hidden; transform: translateZ(0); /* Smooth Transition */ transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease, color 0.3s ease; } /* 3. SVG Styling */ .social-icon-link svg { width: 24px; height: 24px; fill: currentColor; display: block; /* Ensures the click passes through the image to the link */ pointer-events: none; } /* 4. Hover State */ .social-icon-link:hover { opacity: 1; color: #333333; transform: translateY(-3px) scale(1.15); }