.star-background{background-color:var(--dark-violet);z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.star{background-color:var(--white);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);opacity:.1;width:5px;height:5px;animation:twinkling var(--twinkling-duration) ease-in-out infinite var(--twinkling-delay), floating 6s infinite ease-in-out alternate;transform:translate(var(--x), var(--y));position:absolute;box-shadow:inset 0 0 5px #ffffff40}@keyframes twinkling{0%,to{opacity:.1;width:7px;height:7px;box-shadow:inset 0 0 5px #ffffff40}50%{opacity:.8;width:1px;height:1px;box-shadow:inset 0 0 35px #ffffff80}}@keyframes floating{0%{transform:translate(0)}50%{transform:translate(calc(var(--x) * -1), calc(var(--y) * -1))}to{transform:translate(var(--x), var(--y))}}