diff --git a/index.html b/index.html index 1e0b0be..3aca37d 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ Panda Panda Panda - +
diff --git a/style.css b/style.css new file mode 100644 index 0000000..69ab838 --- /dev/null +++ b/style.css @@ -0,0 +1,18 @@ +body { + font-family: sans-serif; +} + +.text-section h1 { + font-size: 48px; + color: #333; + margin-bottom: 15px; +} + +.image-section img { + width: 100%; + height: auto; + display: block; + margin: 10px auto 0; + border-radius: 4px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); +} \ No newline at end of file diff --git a/styles.css b/styles.css deleted file mode 100644 index db61187..0000000 --- a/styles.css +++ /dev/null @@ -1,18 +0,0 @@ -body { - font-family: sans-serif; /* A common and readable font */ -} - -.text-section h1 { - font-size: 3em; /* Larger font size for the heading */ - color: #333; /* Dark gray heading text */ - margin-bottom: 15px; -} - -.image-section img { - width: 100%; /* Make the image take up the full width of its container */ - height: auto; /* Maintain the image's aspect ratio */ - display: block; /* Removes extra space below the image */ - margin: 10px auto 0; /* Add some top margin and center the image */ - border-radius: 4px; /* Slightly rounded corners for the image */ - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); /* A subtle shadow for the image */ -} \ No newline at end of file