CSS basic reformat

reValuate/home/static/home/css/gallery.css

@@ -1,12 +1,12 @@
 .popup{
     width: 900px;
     margin: auto;
-    text-align: center
+    text-align: center;
 }
 .popup img{
     width: 200px;
     height: 200px;
-    cursor: pointer
+    cursor: pointer;
 }
 .show{
     z-index: 999;
@@ -28,7 +28,7 @@
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
-    overflow: hidden
+    overflow: hidden;
 }
 .img-show span{
     position: absolute;
@@ -50,12 +50,12 @@
     margin: 0;
     padding: 0;
   }
-  
+
   body {
     font-family: Raleway;
     background-color: #202125;
   }
-  
+
   .heading {
       text-align: center;
       font-size: 2.0em;
@@ -63,21 +63,21 @@
       padding: 40px;
       color: white;
   }
-  
+
   .gallery-image {
     padding: 20px;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
   }
-  
+
   .gallery-image img {
     height: 250px;
     width: 350px;
     transform: scale(1.0);
     transition: transform 0.4s ease;
   }
-  
+
   .img-box {
     box-sizing: content-box;
     margin: 10px;
@@ -89,7 +89,7 @@
     position: relative;
     background-color: white;
   }
-  
+
   .caption {
     position: absolute;
     bottom: 5px;
@@ -97,7 +97,7 @@
     opacity: 0.0;
     transition: transform 0.3s ease, opacity 0.3s ease;
   }
-  
+
   .transparent-box {
     height: 250px;
     width: 350px;
@@ -107,28 +107,28 @@
     left: 0;
     transition: background-color 0.3s ease;
   }
-  
+
-  .img-box:hover img { 
+  .img-box:hover img {
     transform: scale(1.1);
   }
-  
+
   .img-box:hover .transparent-box {
     background-color:rgba(0, 0, 0, 0.5);
   }
-  
+
   .img-box:hover .caption {
     transform: translateY(-20px);
     opacity: 1.0;
   }
-  
+
   .img-box:hover {
     cursor: pointer;
   }
-  
+
   .caption > p:nth-child(2) {
     font-size: 0.8em;
   }
-  
+
   .opacity-low {
     opacity: 0.5;
   }

reValuate/home/static/home/css/style.css

@@ -11,10 +11,10 @@
   background: white;
   -moz-box-shadow: 0 0 20px #469330;
   -webkit-box-shadow: 0 0 20px #469330;
-  box-shadow: 0 0 20px #469330; 
+  box-shadow: 0 0 20px #469330;
   text-align: center;
   border-radius: 25px;
-} 
+}
 header {
   display: flex;
   justify-content: space-between;
@@ -138,21 +138,16 @@ header {
   .menu {
     display: initial;
   }
-
 }
 
 html{
   font-family: Arial, Helvetica, sans-serif;
-
 }
 
-
-
-
 p {
   font-family: Arial, Helvetica, sans-serif;
 
-  margin: 0 0 30px 0; 
+  margin: 0 0 30px 0;
 }
 
 h1.heading{
@@ -167,7 +162,7 @@ ul.emoji{
 
 .question{
   color: gray;
-  font-size:20px;
+  font-size: 20px;
 }
 
 ul.nothing{
@@ -178,7 +173,7 @@ a.footer{
   /* background:radial-gradient(circle, rgba(0,159,12,1) 0%, rgba(8,96,0,1) 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent; */
-  color:lightgreen;
+  color: lightgreen;
 }
 footer{
   font-size: small;