Reformat the css code.

style.css

@@ -15,7 +15,10 @@ img {
   border-radius: 15px;
 }
 
-h1, h2, h3, h4 {
+h1,
+h2,
+h3,
+h4 {
   padding-top: 0px;
   padding-bottom: 10px;
   text-align: center;
@@ -54,10 +57,13 @@ ul#course {
   opacity: 0.8;
   overflow: hidden;
   background-color: #333;
-    position: fixed; /* Set the navbar to fixed position */
+  position: fixed;
-    top: 0; /* Position the navbar at the top of the page */
+  /* Set the navbar to fixed position */
+  top: 0;
+  /* Position the navbar at the top of the page */
   left: 0;
-    width: 100%; /* Full width */
+  width: 100%;
+  /* Full width */
   text-align: center;
   font-weight: bold;
 }
@@ -80,7 +86,8 @@ ul#course {
 
 /* Main content */
 .main {
-    margin-top: 5px; /* Add a top margin to avoid content overlay */
+  margin-top: 5px;
+  /* Add a top margin to avoid content overlay */
 }
 
 hr {
@@ -94,13 +101,11 @@ hr {
   /* font-size:16px; */
 }
 
-.notATable > li 
+.notATable>li {
-{
   display: table-row;
 }
 
-.notATable > li > *
+.notATable>li>* {
-{
   display: table-cell;
   padding: 2px;
 }
@@ -157,12 +162,12 @@ background-repeat: no-repeat;
   margin: 40px auto;
 }
 
-.effect2
+.effect2 {
-{
   position: relative;
 }
-.effect2:before, .effect2:after
+
-{
+.effect2:before,
+.effect2:after {
   z-index: -1;
   position: absolute;
   content: "";
@@ -181,8 +186,8 @@ background-repeat: no-repeat;
   -ms-transform: rotate(-3deg);
   transform: rotate(-3deg);
 }
-.effect2:after
+
-{
+.effect2:after {
   -webkit-transform: rotate(3deg);
   -moz-transform: rotate(3deg);
   -o-transform: rotate(3deg);
@@ -272,9 +277,11 @@ background-repeat: no-repeat;
   0% {
     -webkit-transform: translate(-15px);
   }
+
   50% {
     -webkit-transform: translate(15px);
   }
+
   100% {
     -webkit-transform: translate(-15px);
   }
@@ -284,9 +291,11 @@ background-repeat: no-repeat;
   0% {
     -webkit-transform: translate(15px);
   }
+
   50% {
     -webkit-transform: translate(-15px);
   }
+
   100% {
     -webkit-transform: translate(15px);
   }
@@ -296,9 +305,11 @@ background-repeat: no-repeat;
   0% {
     -moz-transform: translate(-15px);
   }
+
   50% {
     -moz-transform: translate(15px);
   }
+
   100% {
     -moz-transform: translate(-15px);
   }
@@ -308,9 +319,11 @@ background-repeat: no-repeat;
   0% {
     -moz-transform: translate(15px);
   }
+
   50% {
     -moz-transform: translate(-15px);
   }
+
   100% {
     -moz-transform: translate(15px);
   }
@@ -320,9 +333,11 @@ background-repeat: no-repeat;
   0% {
     transform: translate(-15px);
   }
+
   50% {
     transform: translate(15px);
   }
+
   100% {
     transform: translate(-15px);
   }
@@ -332,9 +347,11 @@ background-repeat: no-repeat;
   0% {
     transform: translate(15px);
   }
+
   50% {
     transform: translate(-15px);
   }
+
   100% {
     transform: translate(15px);
   }