diff --git a/src/styles/stars.scss b/src/styles/stars.scss index 5fc979833a999bba3f517ed4f91e80cb6416052c..a43ef6a82e8d7d807079b71525aa23dfb50c4015 100644 --- a/src/styles/stars.scss +++ b/src/styles/stars.scss @@ -3,10 +3,10 @@ // n is number of stars required @function multiple-box-shadow ($n) { - $value: '#{random(2000)}px #{random(2000)}px #FFF'; + $value: '#{random(4000)}px #{random(10000)}px #FFF'; @for $i from 2 through $n { - $value: '#{$value} , #{random(2000)}px #{random(2000)}px #FFF'; + $value: '#{$value} , #{random(4000)}px #{random(10000)}px #FFF'; } @return unquote($value); }; @@ -27,7 +27,7 @@ html { width: 1px; height: 1px; background: transparent; - box-shadow: multiple-box-shadow(700); + box-shadow: multiple-box-shadow(7000); animation : animStar 150s linear infinite; z-index: -5; @@ -38,7 +38,7 @@ html { width: 1px; height: 1px; background: transparent; - box-shadow: multiple-box-shadow(700); + box-shadow: multiple-box-shadow(7000); } } @@ -48,7 +48,7 @@ html { width: 2px; height: 2px; background: transparent; - box-shadow: multiple-box-shadow(200); + box-shadow: multiple-box-shadow(3000); animation: animStar 300s linear infinite; z-index: -4; @@ -59,7 +59,7 @@ html { width: 2px; height: 2px; background: transparent; - box-shadow: multiple-box-shadow(200); + box-shadow: multiple-box-shadow(2000); } } @@ -69,7 +69,7 @@ html { width: 3px; height: 3px; background: transparent; - box-shadow: multiple-box-shadow(100); + box-shadow: multiple-box-shadow(1000); animation: animStar 450s linear infinite; z-index: -3; @@ -80,7 +80,7 @@ html { width: 3px; height: 3px; background: transparent; - box-shadow: multiple-box-shadow(100); + box-shadow: multiple-box-shadow(1000); } } /*