Lint and format

frontend/assets/css/main.css

@@ -1,57 +1,72 @@
 @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
 
 :root {
-    --color-surface: #312E2C;
-    --color-on-surface: #B7B8E1;
-    --color-surface-darker: #1f1d1c;
+  --color-surface: #312e2c;
+  --color-on-surface: #b7b8e1;
+  --color-surface-darker: #1f1d1c;
 }
 
 /* Font setting */
-h1,h2,h3,h4,h5,h6,p,a,input[type=text] {
-    font-family: "Inter", sans-serif;
-    font-optical-sizing: auto;
-    font-weight: normal;
-    font-style: normal;
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+a,
+input[type='text'] {
+  font-family: 'Inter', sans-serif;
+  font-optical-sizing: auto;
+  font-weight: normal;
+  font-style: normal;
 
-    color: var(--color-on-surface);
+  color: var(--color-on-surface);
 }
 
 /* Default margins to none */
-h1,h2,h3,h4,h5,h6,p,a {
-    margin: 0px;
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+a {
+  margin: 0px;
 }
 
 body {
-    background-color: var(--color-surface);
-    
-    padding: 0;
-    margin: 0;
+  background-color: var(--color-surface);
 
-    /* default value: font-size: 16px; */
+  padding: 0;
+  margin: 0;
+
+  /* default value: font-size: 16px; */
 }
 @media only screen and (max-width: 650px) {
-    body {
-        font-size: 12px;
-    }
-    html {
-        font-size: 12px;
-    }
+  body {
+    font-size: 12px;
+  }
+  html {
+    font-size: 12px;
+  }
 }
 
 /* Different title settings */
 h1 {
-    font-size: 2.5rem;
-    font-weight: 500;
+  font-size: 2.5rem;
+  font-weight: 500;
 }
 h2 {
-    font-size: 1.5rem;
-    font-weight: 400;
+  font-size: 1.5rem;
+  font-weight: 400;
 }
 h3 {
-    font-size: 1.5rem;
-    font-weight: 300;
+  font-size: 1.5rem;
+  font-weight: 300;
 }
 
 a {
-    text-decoration: none;
+  text-decoration: none;
 }