.page-socials{grid-gap:1rem;grid-template-columns:repeat(auto-fill,20rem);justify-content:center;width:calc(100% - 10rem);max-width:100rem;margin-bottom:7rem;margin-left:auto;margin-right:auto;padding:1rem 5rem;display:grid}@media (max-width:800px){.page-socials{grid-gap:2rem}}@media (max-width:500px){.page-socials{grid-gap:3rem}}
.social-card{color:#fff;z-index:1;border:2px solid #fff;border-radius:1rem;width:20rem;height:30rem;display:inline-block;position:relative;overflow:hidden}.social-card:focus-visible,.social-card:hover{scale:1.05}.social-card.autoplay,.social-card:focus-visible,.social-card:hover{color:#fff;z-index:5;outline:none;transition:all .15s}.social-card .info{text-align:center;z-index:2;position:absolute;bottom:1rem;left:50%;translate:-50%}.social-card .info p:first-child{margin-bottom:1rem;font-size:3rem;font-weight:700}.social-card .info p{color:#fff;margin-top:0;font-size:1rem}.social-card img{z-index:2;width:12rem;position:absolute;top:5rem;left:50%;translate:-50%}.social-card video{opacity:0;z-index:1;transition:all .25s;position:absolute;top:50%;left:50%;translate:-50% -50%}.social-card video.horizontal{height:100%}.social-card video.vertical{width:100%}.social-card.autoplay video,.social-card:focus-visible video,.social-card:hover video{opacity:.8;transition:all .15s}.social-card svg{z-index:2;font-size:10rem;position:absolute;top:5rem;left:50%;translate:-50%}a.alternateIcons fa-icon{opacity:1;transition:opacity .5s}a.alternateIcons fa-icon:nth-of-type(2){opacity:0}a.alternateIcons.alternate fa-icon:first-of-type{opacity:0;animation:.2s 3 jitter}a.alternateIcons.alternate fa-icon:nth-of-type(2){opacity:1;animation:.2s 3 reverse jitter}a.alternateIcons:not(.alternate):not(.firstItteration) fa-icon:first-of-type{opacity:1;animation:.2s 3 jitter2}a.alternateIcons:not(.alternate):not(.firstItteration) fa-icon:nth-of-type(2){opacity:0;animation:.2s 3 reverse jitter2}@keyframes jitter{0%{transform:skew(0deg)translate(0)}17%{transform:skew(.5deg)translate(-5px)}32%{transform:skew(.5deg)translate(0)}48%{transform:skew(0deg)translate(0)}63%{transform:skew(-.5deg)translate(5px)}79%{transform:skew(-.5deg)translate(0)}to{transform:skew(0deg)translate(0)}}@keyframes jitter2{0%{transform:skew(0deg)translate(0)}17%{transform:skew(.5deg)translate(-5px)}32%{transform:skew(.5deg)translate(0)}48%{transform:skew(0deg)translate(0)}63%{transform:skew(-.5deg)translate(5px)}79%{transform:skew(-.5deg)translate(0)}to{transform:skew(0deg)translate(0)}}