diff --git a/CSS/Proyecto_Dasmotos/.gitignore b/CSS/Proyecto_Dasmotos/.gitignore
new file mode 100644
index 0000000..237aeab
--- /dev/null
+++ b/CSS/Proyecto_Dasmotos/.gitignore
@@ -0,0 +1 @@
+/img
\ No newline at end of file
diff --git a/CSS/Proyecto_Dasmotos/index.html b/CSS/Proyecto_Dasmotos/index.html
new file mode 100644
index 0000000..16f02ca
--- /dev/null
+++ b/CSS/Proyecto_Dasmotos/index.html
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+ Dasmoto's Arts & Crafts
+
+
+
+
+
Dasmoto's Arts & Crafts
+
+
Brushes
+
+
Hacksaw Brushes
+
Made of the highest quality oak, Hacksaw brushes are known for their weight and ability to hold paint in
+ large amounts. Available in different sizes.
+ Starting at $3.00 / brush.
+
+
+
+
Frames
+
+
Art Frames (assorted)
+
Assorted frames made of different material, including MDF, birchwood, and PDE. Select frames can be
+ sanded and painted according to your needs.
+ Starting at $2.00 / frame.
+
+
+
Paint
+
+
Clean Finnish Paint
+
Imported paint from Finland. Over 256 colors available in-store, varying in quantity (1 oz. to 8 oz.).
+ Clean Finnish paint microbinds to canvas, increasing the finish and longevity of any artwork. Starting
+ at $5.00 / tube.
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/CSS/Proyecto_Dasmotos/style.css b/CSS/Proyecto_Dasmotos/style.css
new file mode 100644
index 0000000..fa7c08f
--- /dev/null
+++ b/CSS/Proyecto_Dasmotos/style.css
@@ -0,0 +1,106 @@
+/* Restablece el margen, el padding y el box-sizing predeterminados para todos los elementos */
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+
+/* Estilo para el elemento h1 */
+h1 {
+ /* Establece una imagen de fondo para el elemento h1 */
+ background: url(./img/pattern.jpeg);
+
+ /* Centra el texto en el elemento h1 */
+ text-align: center;
+
+ /* Establece el tamaño de fuente para el elemento h1 */
+ font-size: 100px;
+
+ /* Establece el color de texto para el elemento h1 */
+ color: Khaki;
+}
+
+/* Aplica la familia de fuentes Helvetica a los elementos h1, h2, h3 y p */
+h1,
+h2,
+h3,
+p {
+ font-family: Helvetica;
+}
+
+/* Establece el margen para el elemento body */
+body {
+ margin: 8px;
+ display: block;
+}
+
+/* Estilo adicional para el elemento h1 */
+h1 {
+ /* Establece la propiedad display en block para el elemento h1 */
+ display: block;
+
+ /* Establece los márgenes superior e inferior para el elemento h1 */
+ margin-block-start: 0.67em;
+ margin-block-end: 0.67em;
+
+ /* Establece los márgenes izquierdo y derecho para el elemento h1 */
+ margin-inline-start: 0px;
+ margin-inline-end: 0px;
+
+ /* Establece el peso de la fuente para el elemento h1 */
+ font-weight: bold;
+}
+
+h2 {
+ display: block;
+ font-size: 1.5em;
+ margin-block-start: 0.83em;
+ margin-block-end: 0.83em;
+ margin-inline-start: 0px;
+ margin-inline-end: 0px;
+ font-weight: bold;
+}
+
+#brush {
+ background-color: mediumspringgreen;
+}
+
+.menu h2 {
+ font-size: 32px;
+ color: white;
+}
+
+h3 {
+ display: block;
+ font-size: 1.17em;
+ margin-block-start: 1em;
+ margin-block-end: 1em;
+ margin-inline-start: 0px;
+ margin-inline-end: 0px;
+ font-weight: bold;
+}
+
+#frame {
+ background-color: lightcoral;
+}
+
+span {
+ color: blue;
+ font-weight: bold;
+}
+
+#paint {
+ background-color: skyblue;
+}
+
+footer {
+ display: block;
+ text-align: center;
+ font-weight: bold;
+ font-size: 20px;
+ margin: 1em;
+ background-color: black;
+ color: white;
+
+}
\ No newline at end of file
+ 
+ 
+