.magic-stars{position:fixed;background:radial-gradient(2px 2px at 20px 30px,#eee,transparent),radial-gradient(2px 2px at 40px 70px,#fff,transparent),radial-gradient(2px 2px at 50px 160px,#ddd,transparent),radial-gradient(2px 2px at 90px 40px,#fff,transparent),radial-gradient(2px 2px at 130px 80px,#fff,transparent),radial-gradient(2px 2px at 160px 120px,#ddd,transparent);background-repeat:repeat;background-size:200px 200px;-webkit-animation:zoom 5s infinite;animation:zoom 5s infinite;opacity:0}.magic-stars,.magic-stars:after{top:0;left:0;width:100%;height:100%}.magic-stars:after{content:"";position:absolute;background:inherit;background-size:200px 200px;-webkit-animation:shooting-stars 3s linear infinite;animation:shooting-stars 3s linear infinite;opacity:.5}.magic-background{background:linear-gradient(125deg,#000428,#004e92);z-index:-1}.magic-background,.magic-fog{position:fixed;top:0;left:0;width:100%;height:100%}.magic-fog{background:linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 30px) 0 0,linear-gradient(180deg,hsla(0,0%,100%,.03) 1px,transparent 30px) 0 0;background-size:31px 31px;-webkit-animation:fog 10s linear infinite;animation:fog 10s linear infinite;-webkit-filter:blur(3px);filter:blur(3px);opacity:.5;mix-blend-mode:overlay}.shooting-star{position:absolute;height:2px;background:-webkit-gradient(linear,left top,right top,from(#fff),to(transparent));background:linear-gradient(90deg,#fff,transparent);-webkit-animation:shoot 3s linear infinite;animation:shoot 3s linear infinite;opacity:0}.shooting-star:first-child{width:100px;top:10%;left:20%;-webkit-animation-delay:0s;animation-delay:0s}.shooting-star:nth-child(2){width:150px;top:30%;left:40%;-webkit-animation-delay:1s;animation-delay:1s}.shooting-star:nth-child(3){width:80px;top:50%;left:60%;-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes zoom{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.8}}@keyframes zoom{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.8}}@-webkit-keyframes shooting-stars{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:.5}to{-webkit-transform:translateY(200px);transform:translateY(200px);opacity:0}}@keyframes shooting-stars{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:.5}to{-webkit-transform:translateY(200px);transform:translateY(200px);opacity:0}}@-webkit-keyframes fog{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}to{-webkit-transform:translateX(31px) translateY(31px);transform:translateX(31px) translateY(31px)}}@keyframes fog{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}to{-webkit-transform:translateX(31px) translateY(31px);transform:translateX(31px) translateY(31px)}}@-webkit-keyframes shoot{0%{-webkit-transform:translateX(0) rotate(-45deg);transform:translateX(0) rotate(-45deg);opacity:1}to{-webkit-transform:translateX(300px) rotate(-45deg);transform:translateX(300px) rotate(-45deg);opacity:0}}@keyframes shoot{0%{-webkit-transform:translateX(0) rotate(-45deg);transform:translateX(0) rotate(-45deg);opacity:1}to{-webkit-transform:translateX(300px) rotate(-45deg);transform:translateX(300px) rotate(-45deg);opacity:0}}.magic-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}.particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,#fff 0,transparent 70%);border-radius:50%;-webkit-animation:float 4s ease-in-out infinite;animation:float 4s ease-in-out infinite;opacity:0}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:0}25%{opacity:.8}50%{-webkit-transform:translateY(-20px) scale(1.2);transform:translateY(-20px) scale(1.2);opacity:1}75%{opacity:.8}}@keyframes float{0%,to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:0}25%{opacity:.8}50%{-webkit-transform:translateY(-20px) scale(1.2);transform:translateY(-20px) scale(1.2);opacity:1}75%{opacity:.8}}@media (max-width:768px){.magic-stars,.magic-stars:after{background-size:100px 100px}.shooting-star{width:50px!important}}@media (prefers-color-scheme:dark){.magic-background{background:linear-gradient(125deg,#000,#1a237e)}}