Code optimization

MjavadH · Sep 29, 2023 · 8ff6473 · 8ff6473
1 parent f2f7650
commit 8ff6473
Showing 1 changed file with 33 additions and 12 deletions.
diff --git a/Technology/pixelated/assets/style.css b/Technology/pixelated/assets/style.css
@@ -1,51 +1,72 @@
 /*English font*/
 @font-face {
     font-family: 'pixel_en';
-    src: url('Font_en.ttf')  format('truetype');
+    src: url('Font_en.ttf') format('truetype');
 }
+
 /*Farsi font*/
 @font-face {
     font-family: 'pixel_fa';
-    src: url('Font_fa.ttf')  format('truetype');
+    src: url('Font_fa.ttf') format('truetype');
+}
+
+* {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
 }
-*{box-sizing:border-box;margin:0;padding:0;}
-body{height: 100vh;display: flex;justify-content: center;align-items: center;font-size: 16px; font-family: "pixel_en","pixel_fa","Consolas","math",sans-serif;background: #000;color: #fff; overflow: hidden !important;}
-a{text-decoration: none !important;}
-svg, img{
+
+body {
+    height: 100vh;
+    font-size: 16px;
+    font-family: "pixel_en", "pixel_fa", "Consolas", "math", sans-serif;
+    background: #000;
+    color: #fff;
+    overflow: hidden !important;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+svg, img {
     vertical-align: middle;
 }
-main{
+
+main {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }
+
 /*404 text style*/
-.text_404{
+.text_404 {
     display: flex;
     text-align: center;
     align-items: center;
     margin: 15px 0;
 }
-.text_404 h1{
+
+.text_404 h1 {
     margin: 0 10px;
     font-size: 6rem;
 }
 /*Description style*/
-.description{
+.description {
     letter-spacing: 3px;
     margin: 15px 0;
     font-size: 1rem;
 }
-.back-link{
+
+.back-link {
     letter-spacing: 2px;
     text-align: center;
     margin: 10px 0;
     font-size: 0.8rem;
 }
 
 @media (max-width: 768px) {
-    .text_404 h1{
+    .text_404 h1 {
         margin: 0 3px;
         font-size: 4rem;
     }