From 4ae779c9aa0593fd0d9c1236cb0e683da7107667 Mon Sep 17 00:00:00 2001
From: sinnyye <142811705+sinnyye@users.noreply.github.com>
Date: Mon, 8 Jan 2024 03:27:39 +0000
Subject: [PATCH] s

---
 index.html      |  7 ++++---
 main.html       | 40 +---------------------------------------
 styles/site.css | 34 ++++++++++++++++++++++++++++++++++
 3 files changed, 39 insertions(+), 42 deletions(-)

diff --git a/index.html b/index.html
index 3b48b93..e0e3393 100644
--- a/index.html
+++ b/index.html
@@ -25,11 +25,12 @@
 
 
   <div class=home-page>
+    
     <p> welcome to my website </p>
     <br>
-    <button id="cow-button">
-      <img src="cow.jpeg" alt="cow">
-    </button>
+      <button id="cow-button">
+        <img src="cow.jpeg" alt="cow">
+      </button>
     <br>
     <p> click here to see it</p>
 
diff --git a/main.html b/main.html
index 42986bd..82cf9d5 100644
--- a/main.html
+++ b/main.html
@@ -40,45 +40,7 @@ <h2>Main Content</h2>
         <p>Footer content goes here.</p>
     </footer>
 
-    <style>
-        body {
-            margin: 0;
-            padding: 0;
-            font-family: Arial, sans-serif;
-        }
-
-        header {
-            background-color: #333;
-            color: white;
-            text-align: center;
-            padding: 1em;
-        }
-
-        main {
-            display: flex;
-        }
-
-        aside {
-            width: 200px;
-            background-color: #f4f4f4;
-            padding: 1em;
-        }
-
-        section {
-            flex: 1;
-            padding: 1em;
-        }
-
-        footer {
-            background-color: #333;
-            color: white;
-            text-align: center;
-            padding: 1em;
-            position: fixed;
-            bottom: 0;
-            width: 100%;
-        }
-    </style>
+ 
 
 
     <script src="scripts/jquery-3.7.1.js"></script>
diff --git a/styles/site.css b/styles/site.css
index c900b31..55d458d 100644
--- a/styles/site.css
+++ b/styles/site.css
@@ -8,6 +8,8 @@ body{
   font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
   color:#ff9193;
   text-align: center;
+  font-size: 20px;
+  margin: 5px;
 }
 
 .home-page button{
@@ -31,4 +33,36 @@ body{
   height:auto;
 }
 
+header {
+  background-color: #333;
+  color: white;
+  text-align: center;
+  padding: 1em;
+}
+
+main {
+  display: flex;
+}
+
+aside {
+  width: 200px;
+  background-color: #f4f4f4;
+  padding: 1em;
+}
+
+section {
+  flex: 1;
+  padding: 1em;
+}
+
+footer {
+  background-color: #333;
+  color: white;
+  text-align: center;
+  padding: 1em;
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+}
+