diff --git a/gradient-blue-pink-abstract-art-wallpaper-preview.jpg b/gradient-blue-pink-abstract-art-wallpaper-preview.jpg
new file mode 100644
index 0000000..c57a74c
Binary files /dev/null and b/gradient-blue-pink-abstract-art-wallpaper-preview.jpg differ
diff --git a/index.html b/index.html
index e69de29..6faed80 100644
--- a/index.html
+++ b/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset = "UTF-8"/>
+        <title>css_basics</title>
+        <link rel = "stylesheet" href = "styles.css" type = "text/css"/>
+    </head>
+    <body>
+        <h1>
+            Bienvenida a mi REPO
+        </h1>
+        <h2>
+            Bienvenida a mi REPO
+        </h2>
+        <p class = "parrafo">Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis accusamus nostrum unde voluptas! Quia cupiditate placeat sapiente dolorum quibusdam provident necessitatibus veniam fugit hic similique perspiciatis, possimus quis aut mollitia.</p>
+        <h3 id = "titulo_h3">
+            Bienvenida a mi REPO
+        </h3>
+        <p class = "parrafo">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Laudantium nesciunt deleniti quibusdam officiis laborum maxime porro tempore dolorum voluptatum at dicta aliquid magni labore ipsum distinctio, voluptatem quidem asperiores voluptates?</p>
+    </body>
+</html>
\ No newline at end of file
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..6ff0f2f
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,25 @@
+p, h3 {
+    color: red;
+}
+
+h2 {
+    background-color: #00DCFF;
+    height: 100px;
+    width: 50vh;
+}
+
+h1 {
+    color: yellow;
+    padding: 1em;
+    background-image: url(gradient-blue-pink-abstract-art-wallpaper-preview.jpg);
+}
+
+.parrafo {
+    border-style: dotted;
+    border-width: 7px;
+}
+
+#titulo_h3 {
+    padding: 30px;
+    margin-left: 50vh;
+}
\ No newline at end of file
