logo

css/main.css

@@ -1,6 +1,6 @@
 :root {
   --background-color: #1e1e1e;
-  --color: #dcdcdc;
+  --color: #4a7c59 ;
   --primary: #569cd6;
   --secondary: #c586c0;
   --success: #98c379;
@@ -15,25 +15,43 @@ body {
   font-family: var(--font-family);
   min-height: 100vh;
   margin: 0;
+  color: #4a7c59 ;
 }
 
 body>footer{
   bottom: 0;
 }
 
+.logo{
+  margin-top: 16px;
+  margin-bottom: 32px;
+}
+
 a {
-  color: var(--primary);
+  color: var(--color);
+  text-decoration: none;
 }
 
 a:hover {
   color: var(--secondary);
 }
 
-nav li {
-  list-style: none;
-}
-main{
+
+
+body {
   max-width: 960px;
   margin: 0 auto;
-  padding: 0 32px;
+  padding: 0 64px;
+}
+
+@media (max-width: 768px) {
+  body {
+    padding: 0 32px;
+  }
+}
+
+@media (max-width: 480px) {
+  body {
+    padding: 0 16px;
+  }
 }