diff --git a/desktop.css b/desktop.css
new file mode 100644
index 0000000..c527922
--- /dev/null
+++ b/desktop.css
@@ -0,0 +1,58 @@
+@media screen and (min-width: 601px) and (max-width: 1100) {
+}
+
+header {
+ background-color: fuchsia;
+ text-align: left;
+ width: clamp(601px, 50%, 1100px);
+ font-size: clamp(16px, 5vw, 16px);
+ margin: auto;
+ font-family: monospace, sans-serif;
+}
+
+ul {
+ padding-left: 0%;
+ padding-bottom: 5%;
+ margin: 0%;
+}
+
+ul > li {
+ display: flex;
+ flex-direction: row;
+ list-style-type: none;
+ text-align: left;
+}
+
+main {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ background-color: cadetblue;
+ width: clamp(601px, 50%, 1100px);
+ font-size: clamp(14px, 5vw, 14px);
+ margin: auto;
+ font-family: monospace, sans-serif;
+}
+
+section:first-child {
+ flex: auto;
+}
+
+section:last-child {
+ text-align: left;
+ padding-right: 20%;
+}
+
+footer {
+ background-color: fuchsia;
+ text-align: center;
+ width: clamp(601px, 50%, 1100px);
+ font-size: clamp(14px, 5vw, 14px);
+ margin: auto;
+ font-family: monospace, sans-serif;
+}
+footer > p {
+ margin: 0;
+ padding-top: 2%;
+ padding-bottom: 2%;
+}
diff --git a/index.html b/index.html
index 72b560d..420f1df 100644
--- a/index.html
+++ b/index.html
@@ -2,6 +2,9 @@
My Personal Web Page
+
+
+
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..003e2b7
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,55 @@
+@media screen and (max-width: 600px) {
+ header {
+ background-color: fuchsia;
+ text-align: center;
+ width: clamp(320px, 50%, 600px);
+ font-size: clamp(14px, 5vw, 14px);
+ margin: auto;
+ font-family: monospace, sans-serif;
+ }
+
+ ul {
+ padding-left: 0%;
+ padding-bottom: 10%;
+ margin: 0%;
+ }
+
+ ul > li {
+ list-style-type: none;
+ text-align:center
+ padding-right: 60%;
+ padding-left: 0%;
+ }
+
+ main{
+ display:flex;
+ flex-direction: column;
+ align-items:center;
+ background-color: cadetblue;
+ width: clamp(320px, 50%, 600px);
+ font-size: clamp(14px, 5vw, 14px);
+ margin: auto;
+ font-family: monospace, sans-serif;
+ }
+
+ section:first-child {
+ text-align: center;
+ }
+
+ section:last-child {
+ text-align: center;
+ }
+
+ footer {
+ background-color: fuchsia;
+ text-align: center;
+ width: clamp(320px, 50%, 600px);
+ font-size: clamp(14px, 5vw, 14px);
+ margin: auto;
+ font-family: monospace, sans-serif;
+ }
+
+ footer > p {
+ margin: 0;
+ }
+ }
\ No newline at end of file