.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%;background:#fff;color:#333}.hero h1{font-size:3rem;margin-bottom:1rem}.hero p{font-size:1.2rem;margin-bottom:2rem}.hero button{padding:1rem 2rem;font-size:1.2rem;background:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .3s ease}.hero button:hover{background:#0056b3}.bg{background-image:url(/bg2.png);height:100vh;width:100%;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.floating{animation-name:floating;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;margin-left:30px;margin-top:5px}@keyframes floating{0%{transform:translate(0)}50%{transform:translateY(15px)}to{transform:translate(0)}}.fly{animation-name:fly;animation-duration:10s;animation-iteration-count:infinite}@keyframes fly{0%{transform:translate(-10vw)}to{transform:translate(50vw)}}.rotate{animation-name:rotate;animation-duration:30s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes rotate{0%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}.starfield{position:relative;overflow:hidden}.starfield:before{content:"";position:absolute;inset:0;pointer-events:none;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNDAgMjQwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMCwzMCkgc2NhbGUoMC4wNzUpIHRyYW5zbGF0ZSgtNTAsLTUwKSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1vcGFjaXR5PSIwLjkiIGQ9Ik01MCA1IEw2MSAzOCBMOTggMzggTDY4IDU5IEw3OSA5NSBMNTAgNzMgTDIxIDk1IEwzMiA1OSBMMiAzOCBMMzkgMzggWiIvPjwvZz48L3N2Zz4=") 0 0/240px 240px repeat,url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMzAwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDAsMTUwKSBzY2FsZSgwLjA1NikgdHJhbnNsYXRlKC01MCwtNTApIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9IjAuODUiIGQ9Ik01MCA1IEw2MSAzOCBMOTggMzggTDY4IDU5IEw3OSA5NSBMNTAgNzMgTDIxIDk1IEwzMiA1OSBMMiAzOCBMMzkgMzggWiIvPjwvZz48L3N2Zz4=") 0 0/300px 300px repeat,url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMjAgMjIwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzAsODApIHNjYWxlKDAuMDQpIHRyYW5zbGF0ZSgtNTAsLTUwKSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1vcGFjaXR5PSIwLjc1IiBkPSJNNTAgNSBMNjEgMzggTDk4IDM4IEw2OCA1OSBMNzkgOTUgTDUwIDczIEwyMSA5NSBMMzIgNTkgTDIgMzggTDM5IDM4IFoiLz48L2c+PC9zdmc+") 0 0/220px 220px repeat,url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyODAgMjgwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MCwxMjApIHNjYWxlKDAuMDQpIHRyYW5zbGF0ZSgtNTAsLTUwKSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1vcGFjaXR5PSIwLjY1IiBkPSJNNTAgNSBMNjEgMzggTDk4IDM4IEw2OCA1OSBMNzkgOTUgTDUwIDczIEwyMSA5NSBMMzIgNTkgTDIgMzggTDM5IDM4IFoiLz48L2c+PC9zdmc+") 0 0/280px 280px repeat,url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNTAgMzUwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNjAsNDApIHNjYWxlKDAuMTEpIHRyYW5zbGF0ZSgtNTAsLTUwKSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1vcGFjaXR5PSIwLjUiIGQ9Ik01MCA1IEw2MSAzOCBMOTggMzggTDY4IDU5IEw3OSA5NSBMNTAgNzMgTDIxIDk1IEwzMiA1OSBMMiAzOCBMMzkgMzggWiIvPjwvZz48L3N2Zz4=") 0 0/350px 350px repeat;animation:twinkle 8s ease-in-out infinite;opacity:.6;z-index:0}.starfield>:not(.fixed){position:relative;z-index:1}@keyframes twinkle{0%,to{opacity:.5}50%{opacity:.85}}