.Spiral{animation:Spin 7s linear infinite}@keyframes Spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.SocialContainer a:hover{transform:scale(1.1);transition:transform .2s ease-in-out;cursor:pointer;background-color:#1b1b1b}.SocialContainer a:hover img{filter:invert(1) grayscale(100) brightness(100)}.DownloadButton:hover,.ShowIcon:hover{transform:scale(1.1);transition:transform .2s ease-in-out;cursor:pointer}.DownloadButton:hover{background-color:#393939}.arrow span{display:block;transform:rotate(45deg);animation:Arrow_Animate 2.1s infinite}.arrow span:nth-child(2){animation-delay:-.4s}.arrow span:nth-child(3){animation-delay:-.8s}@keyframes Arrow_Animate{0%{opacity:0;transform:rotate(45deg) translate(-10px,-10px)}50%{opacity:1}to{opacity:0;transform:rotate(45deg) translate(10px,10px)}}.Line-Animate{animation:Expanded-Line 2.2s forwards}@keyframes Expanded-Line{0%{width:0}to{width:100%}}.CComerceContainer{position:relative;overflow:hidden}.CComerceDesktop{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease,opacity .8s ease}.CComerceFront_D{z-index:2}.CComerceBack_D{transform:translateX(100%);z-index:1}.CComerceContainer:hover .CComerceFront_D{transform:translateX(-100%);opacity:0}.CComerceContainer:hover .CComerceBack_D{transform:translateX(0);opacity:1}.UX{background-image:url(https://media.giphy.com/media/26BROrSHlmyzzHf3i/giphy.gif);background-size:cover;color:transparent;-moz-background-clip:text;-webkit-background-clip:text}@keyframes scroll-up{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes scroll-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}.hover\:animate-scroll:hover .animate-scroll-up{animation:scroll-up 9s linear infinite}.hover\:animate-scroll:hover .animate-scroll-down{animation:scroll-down 9s linear infinite}