fix LCS

sijad · Apr 23, 2023 · f57c6c0 · f57c6c0
1 parent 2c5ff9e
commit f57c6c0
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 17 deletions.
diff --git a/index.html b/index.html
@@ -51,19 +51,6 @@
   </head>
   <body>
     <div>
-      <button class="toggle-dark" type="button" aria-label="toggle dark mode">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="21"
-          height="21"
-          viewBox="0 0 21 21"
-          fill="none"
-        >
-          <path
-            d="M7.43 2.93a8.64 8.64 0 0 0 10.64 10.64A8.18 8.18 0 0 1 2.33 10.5a8.18 8.18 0 0 1 5.1-7.57ZM10.5 0a10.5 10.5 0 1 0 10.38 8.91 6.3 6.3 0 1 1-8.8-8.8C11.59.06 11.05 0 10.5 0Z"
-          />
-        </svg>
-      </button>
       <h1>Sajjad Hashemian</h1>
       <p>Fullstack web and web3 developer</p>
       <ul>
@@ -113,6 +100,19 @@ <h1>Sajjad Hashemian</h1>
           </a>
         </li>
       </ul>
+      <button class="toggle-dark" type="button" aria-label="toggle dark mode">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="21"
+          height="21"
+          viewBox="0 0 21 21"
+          fill="none"
+        >
+          <path
+            d="M7.43 2.93a8.64 8.64 0 0 0 10.64 10.64A8.18 8.18 0 0 1 2.33 10.5a8.18 8.18 0 0 1 5.1-7.57ZM10.5 0a10.5 10.5 0 1 0 10.38 8.91 6.3 6.3 0 1 1-8.8-8.8C11.59.06 11.05 0 10.5 0Z"
+          />
+        </svg>
+      </button>
     </div>
   </body>
 </html>
diff --git a/src/style.scss b/src/style.scss
@@ -16,8 +16,10 @@ html {
 
   background: var(--bg);
   color: var(--color);
-  font-family: "Barlow Condensed", sans-serif;
+  font-family: "Barlow Condensed", "Gill Sans", "Gill Sans MT", Calibri,
+    "Trebuchet MS", sans-serif;
   font-size: 16px;
+  line-height: 1.2;
 
   @media (width < 768px) {
     font-size: 14px;
@@ -82,13 +84,15 @@ div {
   top: 45%;
   left: 50%;
   transform: translate(-50%, -50%);
+  max-width: 30rem;
+  width: 100%;
 }
 
 h1 {
-  font-family: "Londrina Solid", cursive;
+  font-family: "Londrina Solid", Impact, Haettenschweiler, "Arial Narrow Bold",
+    sans-serif;
   font-size: 6.25rem;
   text-transform: uppercase;
-  width: min-content;
   margin-bottom: 0.2em;
   line-height: 1;
   opacity: 0;
@@ -98,7 +102,7 @@ h1 {
   }
 
   &:before {
-    font-family: "Londrina Sketch", cursive;
+    font-family: "Londrina Sketch", "Arial Narrow Bold";
     content: "Hi, I’m";
     display: block;
     font-size: 2.5rem;