@layer quartz-base{footer{text-align:center;margin-top:2rem;margin-bottom:4rem}footer ul{flex-direction:row;gap:1rem;margin:-1rem 0 0;padding:0;list-style:none;display:flex}.socials{justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.social-link{width:2.4rem;height:2.4rem;color:var(--gray);background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:color .25s,background-color .25s,border-color .25s,transform .25s,box-shadow .25s;display:inline-flex}.social-link .social-icon{fill:currentColor;width:1.25rem;height:1.25rem;transition:transform .25s}.social-link:after,.social-link:hover:after,.social-link:focus:after,.social-link:focus-visible:after{content:none!important;width:0!important;height:0!important;display:none!important}.social-link:hover{color:var(--secondary);background-color:color-mix(in srgb, var(--secondary) 10%, transparent);border-color:color-mix(in srgb, var(--secondary) 25%, transparent);box-shadow:0 4px 12px -4px color-mix(in srgb, var(--secondary) 40%, transparent);transform:translateY(-2px)}.social-link:hover .social-icon{transform:scale(1.08)}.social-link:active{transform:translateY(0)}.social-link:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.about-div{justify-content:center;display:flex}.about-link{letter-spacing:.02em;color:var(--gray);padding:.3rem 0;font-size:.85rem;text-decoration:none;transition:color .25s;display:inline-block;position:relative}.about-link:after,.about-link:hover:after,.about-link:focus:after,.about-link:focus-visible:after{content:none!important;width:0!important;height:0!important;display:none!important}.about-link:hover{color:var(--secondary)}.about-link:focus-visible{outline:2px solid var(--secondary);outline-offset:4px;border-radius:2px}}