*{list-style:none;outline:none;padding:0;margin:0;font-family:poppins,sans-serif;box-sizing:border-box}body{background:url(https://media.discordapp.net/attachments/839822893252083712/839826903782129664/giphy_10.gif);display:flex;justify-content:center;align-items:center;min-height:100vh;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center center}.fixed-fluid{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none;opacity:.2}.noise{z-index:0}.content{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.box{width:100%;overflow-x:auto;overflow-y:hidden;align-items:flex-start;justify-content:flex-start;scroll-snap-type:x mandatory;scroll-behavior:smooth;flex:1;height:100%;position:relative;max-width:500px}.socials{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;padding:15px 20px;padding-top:0;max-width:500px;width:75%;margin:auto;min-width:75%;scroll-snap-align:center;flex:1;overflow:auto;padding-top:20px}.socials a{display:block;width:100%;padding:13px 0;text-decoration:none;font-size:1rem;color:#fff;display:flex;align-items:center;justify-content:center;background:#6b0d33;margin-bottom:16px;border-radius:25px;position:relative;box-shadow:0px 10px 30px 0px rgba(var(--primary),0.15);filter:drop-shadow(0.35rem 0.35rem 0.5rem rgba(0,0,0,0.8))}.socials a:hover{text-decoration:none;color:#fff}.socials a:last-child{margin-bottom:40px}.socials a img{max-width:22px;position:absolute;left:20px}.socials a svg{width:22px;fill:#fff;position:absolute;left:20px}.socials a img{font-size:1.6rem;position:absolute;left:20px}.socials a span{text-align:center}.socials a span p{font-size:.8rem}.spant{display:inline;color:#fff;position:relative;overflow:hidden;font-weight:800;background:linear-gradient(to right,#1DA1F2,#1DA1F2 50%,white 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;background-position:100%;transition:background-position 275ms ease;text-decoration:none}.spand{display:inline;color:#fff;position:relative;overflow:hidden;font-weight:800;background:linear-gradient(to right,#7289da,#7289da 50%,white 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;background-position:100%;transition:background-position 275ms ease;text-decoration:none}.spank{display:inline;color:#fff;position:relative;overflow:hidden;font-weight:800;background:linear-gradient(to right,#5dcd11,#5dcd11 50%,white 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;background-position:100%;transition:background-position 275ms ease;text-decoration:none}.spano{display:inline;color:#fff;position:relative;overflow:hidden;font-weight:800;background:linear-gradient(to right,#BEBFC1,#BEBFC1 50%,white 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;background-position:100%;transition:background-position 275ms ease;text-decoration:none}a:hover span{background-position:0 100%}@media(max-width:768px){.container{margin-top:10vh}.socials{width:100%;margin:0!important}}

.spanz {
    display: inline;
    color: #fff;
    position: relative;
    overflow: hidden;
    font-weight: 800;
    background: linear-gradient(to right,#2178bb,#345faf 50%,white 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    transition: background-position 275ms ease;
    text-decoration: none;
}
