@import url("https://fonts.googleapis.com/css2?family=Poppins&family=Roboto+Mono&display=swap");@import url("https://fonts.googleapis.com/css2?family=Marck+Script&display=swap");body,html{padding:0;margin:0;font-family:Roboto Mono}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.change{font-family:Marck Script}.SwipeContainer{width:100vw;height:50vh;border:2px solid red;overflow:hidden;padding:0;margin:0;display:flex;justify-content:center;align-items:center;background:"red"}.container{position:absolute;width:60vw;height:90vh;overflow:hidden;background:#fff;border-radius:30px;top:-45vh}.heading:hover{-webkit-animation:rubberBand 1s linear 1;animation:rubberBand 1s linear 1}.heading{font-family:Roboto Mono}@-webkit-keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.line{width:20px;border:2px solid red;background-color:linear-gradient(90deg,#020024,#59599b 12%,#e2dfee 64%,#8b3af3);height:150px}