diff --git a/app/assets/stylesheets/core.css b/app/assets/stylesheets/core.css
index ac6001c..ccf71e1 100644
--- a/app/assets/stylesheets/core.css
+++ b/app/assets/stylesheets/core.css
@@ -1,25 +1,25 @@
 * {
-    box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 :root {
-    --bg: #8CBEB2;
-    --bg-dark: #291720;
-    --bg-light: #CCCCCC;
-    --primary: #820263;
-    --secondary: #d90368;
-    --accent: #f75c03;
-    --neutral: #FEDDD8;
+  --bg: #8cbeb2;
+  --bg-dark: #291720;
+  --bg-light: #cccccc;
+  --primary: #820263;
+  --secondary: #d90368;
+  --accent: #f75c03;
+  --neutral: #feddd8;
 }
 
 @font-face {
-    font-family: "superMagic";
-    src: url("super_magic.ttf");
+  font-family: "superMagic";
+  src: url("super_magic.ttf");
 }
 
 @font-face {
-    font-family: "freeSans";
-    src: url("FreeSans.ttf");
+  font-family: "freeSans";
+  src: url("FreeSans.ttf");
 }
 
 @font-face {
diff --git a/app/assets/stylesheets/form/switch.css b/app/assets/stylesheets/form/switch.css
index 537753a..a94ab4c 100644
--- a/app/assets/stylesheets/form/switch.css
+++ b/app/assets/stylesheets/form/switch.css
@@ -18,8 +18,8 @@
   right: 0;
   bottom: 0;
   background-color: var(--bg-dark);
-  -webkit-transition: .4s;
-  transition: .4s;
+  -webkit-transition: 0.4s;
+  transition: 0.4s;
 }
 
 .slider:before {
@@ -30,8 +30,8 @@
   left: 4px;
   bottom: 4px;
   background-color: var(--neutral);
-  -webkit-transition: .4s;
-  transition: .4s;
+  -webkit-transition: 0.4s;
+  transition: 0.4s;
 }
 
 input:checked + .slider {
diff --git a/app/assets/stylesheets/layouts/main.css b/app/assets/stylesheets/layouts/main.css
index 4e2ed99..5cdd7f2 100644
--- a/app/assets/stylesheets/layouts/main.css
+++ b/app/assets/stylesheets/layouts/main.css
@@ -25,14 +25,16 @@
 }
 
 body {
-    margin: 0;
-    display: grid;
+  margin: 0;
+  display: grid;
+  /* prettier-ignore */
     grid-template-columns: 20% minmax(0, 1fr) 20%;
-    grid-template-rows: 60px; minmax(0, 1fr) 50px;
-    grid-template-areas:
-        "lheader header rheader"
-        ". main ."
-        ". footer .";
+  /* prettier-ignore */
+  grid-template-rows: 60px; minmax(0, 1fr) 50px;
+  grid-template-areas:
+      "lheader header rheader"
+      ". main ."
+      ". footer .";
 
     background-color: var(--bg-light);
     font-family: "freeSans", "Free Sans", serif;
diff --git a/app/assets/stylesheets/layouts/practice.css b/app/assets/stylesheets/layouts/practice.css
index f3676ee..85cfd78 100644
--- a/app/assets/stylesheets/layouts/practice.css
+++ b/app/assets/stylesheets/layouts/practice.css
@@ -8,7 +8,9 @@ body {
   color: var(--neutral);
   height: 100vh;
   background-color: var(--bg);
+  /* prettier-ignore */
   grid-template-columns: 5% minmax(0, 1fr) 5%;
+  /* prettier-ignore */
   grid-template-rows: 10% minmax(0, 1fr) 20%;
   row-gap: 10px;
   grid-template-areas:
@@ -17,12 +19,13 @@ body {
     ". sections .";
 }
 
-h1, h2 {
-    color: var(--primary);
-    font-family: "superMagic", "Super Magic", fantasy;
-    text-shadow:
-        1px 1px 1px var(--accent),
-        2px 2px 1px var(--accent);
+h1,
+h2 {
+  color: var(--primary);
+  font-family: "superMagic", "Super Magic", fantasy;
+  text-shadow:
+    1px 1px 1px var(--accent),
+    2px 2px 1px var(--accent);
 }
 
 a {
@@ -39,7 +42,7 @@ a {
   align-items: center;
 }
 
-.header h1{
+.header h1 {
   order: 0;
   font-size: 2rem;
   font-weight: bold;
@@ -47,8 +50,8 @@ a {
   font-family: "superMagic", "Super Magic", fantasy;
   text-transform: capitalize;
   text-shadow:
-      1px 1px 1px var(--accent),
-      2px 2px 1px var(--accent);
+    1px 1px 1px var(--accent),
+    2px 2px 1px var(--accent);
 }
 
 .header-actions {
diff --git a/app/assets/stylesheets/section.css b/app/assets/stylesheets/section.css
index 1fa948a..aa7ad33 100644
--- a/app/assets/stylesheets/section.css
+++ b/app/assets/stylesheets/section.css
@@ -64,7 +64,6 @@
       rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
   }
 
-
   .item-top {
     display: flex;
     width: 100%;
@@ -108,7 +107,7 @@
       "section-item-bottom";
     height: 100%;
     width: 100%;
-    padding:5px;
+    padding: 5px;
     background-color: var(--bg-dark);
     border-radius: 5px;
     justify-content: center;