body{width:100vw;overflow-x:hidden}html{scroll-behavior:smooth}*,*:hover{transition:all .2s ease-in-out}.floating{position:relative;animation:float 1.5s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}100%{transform:translateY(0)}}.ticket{width:80%;margin:50px auto;background-color:#fff;border:2px dashed rgb(158,158,158);position:relative;display:flex;overflow:hidden;box-shadow:0 15px 30px rgba(0,0,0,.2);transform:perspective(1000px) rotateX(5deg);transform-style:preserve-3d;perspective:1000px;animation:float 5s ease-in-out infinite}.ticket::before,.ticket::after{content:"";position:absolute;width:50px;height:50px;background-color:#ee2;border-radius:50%}.ticket::before{top:-25px;left:-25px}.ticket::after{bottom:-25px;right:-25px}.event-title{width:40%;display:flex;align-items:center;justify-content:center;text-align:center}.details{width:60%;padding:20px}.details p{margin:10px 0}@keyframes float{0%{transform:perspective(1000px) rotateX(5deg) translateY(0)}50%{transform:perspective(1000px) rotateX(5deg) translateY(-20px)}100%{transform:perspective(1000px) rotateX(5deg) translateY(0)}}.ticket:hover{animation:none;transform:perspective(1000px) rotateX(0deg) translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.3)}