cleanup: remove css styles that are not used or needed

src/App.css

@@ -1,30 +1,13 @@
 #root {
   width: 100%;
 }
-
-@media (prefers-reduced-motion: no-preference) {
-  a:nth-of-type(2) .logo {
-    animation: logo-spin infinite 20s linear;
-  }
+ul{
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
 }
-
-/* span {
-  display: inline-block;
-  vertical-align: middle;
-  line-height: 1;
-} */
-
-.mb-1 {
-  margin-bottom: 1em;
-}
-.mt-1 {
-  margin-top: 1em;
-}
-.my-1 {
-  margin-top: 1em;
-  margin-bottom: 1em;
-}
-.py-05 {
-  padding-top: 0.5em;
-  padding-bottom: 0.5em;
+ul li {
+  padding: 0 1rem;
+  font-size: 15px;
 }

src/components/General/BreadcrumbBar/BreadcrumbBar.tsx

@@ -1,4 +1,4 @@
-import './breadcrumbbar.css'
+import './BreadcrumbBar.css'
 
 type BreadcrumbBarProps = {
   breadcrumbList: string[]

src/components/General/BreadcrumbBar/breadcrumbbar.css

@@ -4,19 +4,14 @@
     padding: 1rem 2rem;
     margin: 0.5rem;
 }
-.breadcrumb-bar-ul {
-    list-style-type: none;
-    display: flex;
-    padding: 0;
-    margin: 0;
-}
 .breadcrumb-bar-li {
-    padding: 0 1em;
     color: #647084;
-    font-size: 15px;
     font-weight: 500;
     position: relative;
 }
+.breadcrumb-bar-li:last-child { 
+    color: #09101C;
+}
 .breadcrumb-bar-li::after {
     display: inline-block;
     content: url("/icons/chevron.svg");
@@ -26,10 +21,7 @@
     left: 100%;
     transform: translateX(-50%);
 }
-.breadcrumb-bar-li:last-child { 
-    color: #09101C;
 
-}
 .breadcrumb-bar-li:last-child::after {
     display: none;
 }

src/components/General/QuickStartBar/QuickStartBar.css

@@ -14,22 +14,12 @@
 }
 .quick-start-bar > div {
     width: 100%;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
     border-radius: 24px;
     background: rgba(100, 112, 132, 0.05);
     margin-left: 1rem;
+    padding: 1rem 0.5rem;
 }
-.quick-start-bar ul {
-    list-style-type: none;
-    display: flex;
-    padding: 0;
-    margin: 0;
-}
-
 .quick-start-bar ul li {
-    padding: 0 1rem;
     color: #0D1625;
     font-size: 13px;
 }

src/components/General/QuickStartBar/QuickStartBar.tsx

@@ -38,7 +38,6 @@ const QuickStartBar = () => {
           <li>Nodes Community</li>
           <li>Documentation</li>
         </ul>
-        <button className="inversed">Quick Start</button>
       </div>
     </nav>
   )

src/index.css

@@ -24,51 +24,24 @@ body {
   min-width: 320px;
   min-height: 100vh;
 }
-
 h1, h2, h3, h4, h5, h6 {
   line-height: 1.2;
   font-weight: 700;
 }
-
-h1 {
-  font-size: 3.2em;
-
-}
-
 a {
   font-weight: 500;
   text-decoration: inherit;
   cursor: pointer;
 }
-a:hover {
-  color: #535bf2;
-}
 button {
   border-radius: 12px;
   border: 1px solid transparent;
-  padding: 0.6em 1.2em;
   font-size: 15px;
   font-weight: 500;
   font-family: inherit;
-  background-color: #2A4AF5;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button.inversed {
-  border-radius: 12px;
-  border: 1px solid #2A4AF5;
-  color: #2A4AF5;
-  padding: 0.75em 1.2em;
-  font-size: 15px;
-  background-color:transparent;
-  font-weight: 500;
-  font-family: inherit;
   cursor: pointer;
   transition: border-color 0.25s;
 }
-button:hover {
-  border-color: #646cff;
-}
 button:focus,
 button:focus-visible {
   outline: 4px auto -webkit-focus-ring-color;