Merge pull request #1 from ReshetS/main-css

Main css
ReshetS · Apr 10, 2024 · 8b722c7 · 8b722c7
2 parents f3e333b + f18a336
commit 8b722c7
Showing 1 changed file with 51 additions and 5 deletions.
diff --git a/src/css/main.css b/src/css/main.css
@@ -17,17 +17,63 @@
 :root {
   font-family: 'Inter Tight', sans-serif;
   font-optical-sizing: auto;
-  font-weight: 500;
+  font-weight: 600;
   font-style: normal;
-  font-size: 16px;
-  line-height: 24px;
+  font-size: 14px;
+  line-height: 1;
+
+
+  color: #fbfbfb;
+  background-color:   #7A3145;
+
 
-  color: #242424;
-  background-color: rgba(255, 255, 255, 0.87);
 
   font-synthesis: none;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   -webkit-text-size-adjust: 100%;
 }
+
+
+
+
+.container {
+  width: 100%;
+    padding-left: 20px;
+    padding-right: 20px;
+    margin: 0 auto;
+}
+
+
+@media screen and (min-width:375px) {
+  .container {
+    width: 375px;
+  }
+}
+
+@media screen and (min-width:768px) {
+
+  .container {
+    width: 768px;
+      padding-left: 32px;
+      padding-right: 32px;
+
+  }
+
+  :root {
+    font-size: 16px;
+
+  }
+
+}
+
+@media screen and (min-width:1280px) {
+  .container {
+    width: 1280px;
+      padding-left: 100px;
+      padding-right: 100px;
+
+  }
+
+}