#demo{background-attachment:fixed,scroll;background-color:#ff2b5c;background-image:url(../img/stars-3-inverse.5f5d1031.svg),linear-gradient(-45deg,#ff2b5c,#ef2ac1);background-repeat:repeat,no-repeat}.demo-container{background-attachment:fixed;background-image:linear-gradient(-45deg,#ff2b5c,#ef2ac1);border:4px solid #fff;border-radius:16px;contain:strict;overflow:hidden;padding-bottom:100%;position:relative}.demo-ring{animation:1s ease-in-out infinite alternate;bottom:60px;left:60px;position:absolute;right:60px;top:60px}.demo-ring img{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.demo-horizontal{animation-name:demo-horizontal}.demo-vertical{animation-name:demo-vertical}.demo-diagonal{animation-direction:normal;animation-duration:4s;animation-name:demo-diagonal}@keyframes demo-horizontal{0%{transform:translateX(-50%)}to{transform:translateX(50%)}}@keyframes demo-vertical{0%{transform:translateY(-50%)}to{transform:translateY(50%)}}@keyframes demo-diagonal{0%,to{transform:translate(50%,-50%)}25%{transform:translate(-50%,50%)}50%{transform:translate(50%,50%)}75%{transform:translate(-50%,-50%)}}
/*# sourceMappingURL=index.1636abf4.css.map */