Refactor bigbang size strategy

src/scss/_bigbang.scss

@@ -1,9 +1,16 @@
 
 .bigbang {
-  //position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
 }
+
+/* Set .bigbang to 100vh,
+because body has height 0 by default and
+gravity-spot has no size
+*/
+body > .bigbang {
+  height: 100vh;
+}

src/scss/_gravity-spot.scss

@@ -19,7 +19,3 @@
   justify-content: center;
   border: none; 
 }
-
-.bigbang>.gravity-spot {
-  height: var(--o-force) !important;
-}

src/scss/_utilities.scss

@@ -1,35 +1,5 @@
 @use './variables' as *;
 
-/* bigbang align utilities*/
-
-.bigbang.at-center>.gravity-spot{
-  transform: translate(0%, 0%)
-}
-.bigbang.at-center-left>.gravity-spot{
-  transform: translate(-50%, 0%)
-}
-.bigbang.at-center-right>.gravity-spot{
-  transform: translate(50%, 0%)
-}
-.bigbang.at-bottom>.gravity-spot{
-  transform: translate(0%, 50%)
-}
-.bigbang.at-bottom-left>.gravity-spot{
-  transform: translate(-50%, 50%)
-}
-.bigbang.at-bottom-right>.gravity-spot{
-  transform: translate(50%, 50%)
-}
-.bigbang.at-top>.gravity-spot{
-  transform: translate(0%, -50%)
-}
-.bigbang.at-top-left>.gravity-spot{
-  transform: translate(-50%, -50%)
-}
-.bigbang.at-top-right>.gravity-spot{
-  transform: translate(50%, -50%)
-}
-
 /* radial elements  aligment utilities */
 .at-top-left {
   align-items: flex-start !important;