Update nanosystems.html

jrin771 · Mar 17, 2024 · 2d19305 · 2d19305
1 parent e4a3ac4
commit 2d19305
Showing 1 changed file with 38 additions and 1 deletion.
diff --git a/nanosystems.html b/nanosystems.html
@@ -2,7 +2,44 @@
 <html>
 <head>
   <style>
-    /*need to add in my styles*/
+    body {
+      margin: 0;
+      padding: 0;
+      font-family: 'Times New Roman', Times, serif; 
+      line-height: 1.6; 
+      color: #333;
+      background: #f8f8f8; 
+    }
+    .container {
+      width: 90%; 
+      max-width: 60em; 
+      margin: 3em auto;
+      padding: 2em; 
+      box-shadow: 0 0 1em rgba(0,0,0,0.05); 
+    }
+    h1, p, h2, a { 
+      margin-bottom: 1em;
+    }
+    a {
+      text-decoration: none;
+      color: #0077cc;
+    }
+    a:hover {
+      text-decoration: underline;
+    }
+    @media (max-width: 768px) { 
+      .container {
+        width: 95%; 
+        padding: 1.5em; 
+      }
+    }
+    @media (max-width: 480px) { 
+      .container {
+        width: 100%; 
+        padding: 1em; 
+        box-shadow: none; 
+      }
+    }
   </style>
 </head>
 <body>