(CI) format code

zero-to-mastery · Oct 2, 2023 · b22a560 · b22a560
1 parent ac306d2
commit b22a560
Show file tree

Hide file tree

Showing 2 changed files with 64 additions and 68 deletions.
diff --git a/Art/Venkateeshh/BouncingBall.html b/Art/Venkateeshh/BouncingBall.html
@@ -1,12 +1,12 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=3, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=3, initial-scale=1.0" />
     <title>BouncingBall</title>
     <link rel="stylesheet" href="style.css" />
-</head>
-<body>
+  </head>
+  <body>
     <div class="loader"></div>
-</body>
-</html>
+  </body>
+</html>
diff --git a/Art/Venkateeshh/style.css b/Art/Venkateeshh/style.css
@@ -1,68 +1,64 @@
-body{
-    background: linear-gradient(90deg, #efd5ff 0%, #515ada 100%);
+body {
+  background: linear-gradient(90deg, #efd5ff 0%, #515ada 100%);
 }
 
 .loader {
-    position: relative;
-    width: 120px;
-    height: 90px;
-    margin: 30% auto;
+  position: relative;
+  width: 120px;
+  height: 90px;
+  margin: 30% auto;
+}
+
+.loader:before {
+  content: '';
+  position: absolute;
+  bottom: 30px;
+  left: 50px;
+  height: 30px;
+  width: 30px;
+  border-radius: 50%;
+  background: #e3ca8a;
+  animation: loading-bounce 0.5s ease-in-out infinite alternate;
+}
+
+.loader:after {
+  content: '';
+  position: absolute;
+  right: 0;
+  top: 0;
+  height: 7px;
+  width: 45px;
+  border-radius: 4px;
+  box-shadow: 0 5px 0 #f2f2f2, -35px 50px 0 #f2f2f2, -70px 95px 0 #f2f2f2;
+  animation: loading-step 1s ease-in-out infinite;
+}
+
+@keyframes loading-bounce {
+  0% {
+    transform: scale(1, 0.7);
   }
-
-  .loader:before {
-    content: "";
-    position: absolute;
-    bottom: 30px;
-    left: 50px;
-    height: 30px;
-    width: 30px;
-    border-radius: 50%;
-    background: #e3ca8a;
-    animation: loading-bounce 0.5s ease-in-out infinite alternate;
+
+  40% {
+    transform: scale(0.8, 1.2);
   }
-
-  .loader:after {
-    content: "";
-    position: absolute;
-    right: 0;
-    top: 0;
-    height: 7px;
-    width: 45px;
-    border-radius: 4px;
-    box-shadow: 0 5px 0 #f2f2f2, -35px 50px 0 #f2f2f2, -70px 95px 0 #f2f2f2;
-    animation: loading-step 1s ease-in-out infinite;
+
+  60% {
+    transform: scale(1, 1);
   }
-
-  @keyframes loading-bounce {
-    0% {
-      transform: scale(1, 0.7);
-    }
-
-    40% {
-      transform: scale(0.8, 1.2);
-    }
-
-    60% {
-      transform: scale(1, 1);
-    }
-
-    100% {
-      bottom: 140px;
-    }
+
+  100% {
+    bottom: 140px;
+  }
+}
+
+@keyframes loading-step {
+  0% {
+    box-shadow: 0 10px 0 rgba(0, 0, 0, 0), 0 10px 0 #f2f2f2,
+      -35px 50px 0 #f2f2f2, -70px 90px 0 #f2f2f2;
   }
-
-  @keyframes loading-step {
-    0% {
-      box-shadow: 0 10px 0 rgba(0, 0, 0, 0),
-              0 10px 0 #f2f2f2,
-              -35px 50px 0 #f2f2f2,
-              -70px 90px 0 #f2f2f2;
-    }
-
-    100% {
-      box-shadow: 0 10px 0 #f2f2f2,
-              -35px 50px 0 #f2f2f2,
-              -70px 90px 0 #f2f2f2,
-              -70px 90px 0 rgba(0, 0, 0, 0);
-    }
-  }
+
+  100% {
+    box-shadow: 0 10px 0 #f2f2f2, -35px 50px 0 #f2f2f2, -70px 90px 0 #f2f2f2,
+      -70px 90px 0 rgba(0, 0, 0, 0);
+  }
+}