Styled formally the codes

slt/css/style.scss

@@ -1,15 +1,15 @@
 body {
-    margin: 0px;
+    margin: 0;
     min-height: 100.1vh;
     display: flex;
     flex-direction: column;
     align-items: center;
+
     /*    padding: 0px 20px 10px 20px; */
-	padding: 0px;
+    padding: 0;
 }
 
-#page-div
-{
+#page-div {
     width: 100%;
 }
 
@@ -22,8 +22,7 @@ body {
     min-height: 100vh;
 }
 
-#page-bg
-{
+#page-bg {
     display: none;
 }
 
@@ -32,9 +31,8 @@ body {
  */
 
 .nav,
-.nav-child
-{
-    padding: 0px;
+.nav-child {
+    padding: 0;
 
     > li {
         display: block;
@@ -42,18 +40,19 @@ body {
         > .nav-child {
             padding-left: 10px;
             margin-left: 10px;
-            /* border-left: solid gray 1px;*/ /*TODO*/
+
+            /* border-left: solid gray 1px; */
+
+            /* TODO */
         }
     }
 }
 
-.nav
-{
+.nav {
     font-size: inherit;
 }
 
-.nav-child
-{
+.nav-child {
     font-size: small;
 }
 
@@ -89,7 +88,6 @@ body {
     display: none;
 }
 
-
 /*
  * Content positioning
  */
@@ -118,35 +116,28 @@ body {
  * Footer positioning
  */
 
-#impressum
-{
+#impressum {
     flex: 0 0 auto;
     text-align: right;
     margin-top: 30px;
     padding: 5px;
 
-    .nav 
-    {
-        margin-bottom: 0px;
+    .nav {
+        margin-bottom: 0;
         background-color: inherit;
         display: inline-block;
 
-        > li
-        {
+        > li {
             display: inline-block;
         }
     }
 
-    a
-    {
+    a {
         text-decoration: underline;
         padding: 10px;
     }
 }
 
-
-
-
 #footer {
     flex: 0 0 auto;
     background-color: black;
@@ -162,14 +153,12 @@ body {
         float: right;
     }
 
-    a
-    {
+    a {
         color: inherit;
         text-decoration: underline;
 
         &:hover,
-        &:focus
-        {
+        &:focus {
             color: black;
             background-color: white;
             text-decoration: underline;
@@ -181,30 +170,30 @@ body {
  * Mobile menu positioning
  */
 
-#mobile_menu, #content {
-	margin: 0px 15px 0px 15px;
+#mobile_menu,
+#content {
+    margin: 0 15px;
 }
 
 #mobile_menu {
     margin-top: 10px;
     display: none;
 
-    &.visible
-    {
+    &.visible {
         display: block;
     }
 
     li > a {
-        margin: 5px 0px 5px 0px;
+        margin: 5px 0;
         padding: 10px 5px;
         display: block;
         flex: 0;
     }
 
     .nav {
-        padding: 0px;
+        padding: 0;
         border: none;
-        margin-left: 0px;
+        margin-left: 0;
     }
 
     li {
@@ -213,7 +202,7 @@ body {
     }
 
     .nav-child > li {
-        margin: 0px;
+        margin: 0;
     }
 
     li > ul.nav {
@@ -228,8 +217,8 @@ body {
 
     a {
         font-size: initial;
-        margin-right: 0px;
-        padding-right: 0px;
+        margin-right: 0;
+        padding-right: 0;
     }
 
 
@@ -240,30 +229,22 @@ body {
     }
 }
 
-
-
-
-#mobile_menu_switch
-{
+#mobile_menu_switch {
     flex: 0 0 auto;
     text-align: right;
 }
 
-#btn_mobile_menu 
-{
-	padding: 10px 30px 0px 0px;
+#btn_mobile_menu {
+    padding: 10px 30px 0 0;
     width: 40px;
     box-sizing: initial;
 }
 
-a.facebook img
-{
+a.facebook img {
     display: none;
 }
 
-
-.article-info
-{
+.article-info {
     font-size: smaller;
 }
 
@@ -274,5 +255,3 @@ a.facebook img
 /* #right_column,#left_menu,#main_content,#footline {
     background-color: rgba(0,0,0,0.1);
 } */
-
-