refactoring allStyles styleStyle -> style-style

src/pages/TrackerIntro/trackerIntro.scss

@@ -1,4 +1,4 @@
-.trackerIntro {
+.tracker-intro {
   &__content {
     font-family: "LabGrotesque", sans-serif;
     background-color: #f1f1f1;
@@ -14,7 +14,7 @@
   }
 
   &__intro {
-   display: flex;
+    display: flex;
     justify-content: space-between;
     align-items: end;
     padding: 50px 0 75px;
@@ -73,7 +73,7 @@
       margin-bottom: 75px;
 
       span {
-        color: #52B709;
+        color: #52b709;
       }
 
       img {
@@ -137,7 +137,7 @@
   }
 
   &__btn {
-    background: #52B709;
+    background: #52b709;
     border-radius: 44px;
     padding: 9px 48px;
     color: white;
@@ -160,7 +160,7 @@
     align-items: end;
     margin: 0 auto 115px;
 
-    &Img {
+    &-img {
       position: relative;
       margin-bottom: 34px;
     }
@@ -242,7 +242,7 @@
       margin-bottom: 100px;
 
       span {
-        color: #52B709;
+        color: #52b709;
       }
 
       img {
@@ -281,20 +281,20 @@
         max-width: none;
       }
 
-      &Head {
+      &-head {
         display: flex;
         align-items: center;
         margin-bottom: 45px;
 
         span {
-          background: #52B709;
+          background: #52b709;
           border-radius: 44px;
           display: flex;
           align-items: center;
           justify-content: center;
           width: 71px;
           height: 71px;
-          color: #FFFFFF;
+          color: #ffffff;
           font-size: 30px;
 
           @media (max-width: 650px) {