diff --git a/css/styles.css b/css/styles.css
new file mode 100644
index 0000000..ddec817
--- /dev/null
+++ b/css/styles.css
@@ -0,0 +1,59 @@
+.container {
+ height: 200px;
+ width: 400px;
+ background-color: aquamarine;
+ display: flex;
+ flex-wrap: wrap;
+ border-radius: 10px;
+
+}
+
+.imagen {
+ width: 130px;
+ height: 130px;
+ background-color: aliceblue;
+ display: flex;
+ justify-content: start;
+}
+
+.portada {
+ width: 130px;
+ height: 130px;
+ border-top-left-radius: 10px;
+ display: flex;
+ justify-content: start;
+}
+
+.titulo {
+ width: 270px;
+ height: 130px;
+ background-color: #bbe1fa;
+ border-top-right-radius: 10px;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+
+}
+
+h1, p {
+ border: 0px;
+ padding-left: 30px;
+ margin: 0px;
+}
+
+.album {
+ width: 400px;
+ height: 70px;
+ border-bottom-left-radius: 10px;
+ border-bottom-right-radius: 10px;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ background-color: #3282b8;
+}
+
+.star {
+ width: 30px;
+ height: 30px;
+
+}
diff --git a/img/coctea.jpg b/img/coctea.jpg
new file mode 100644
index 0000000..3225c6a
Binary files /dev/null and b/img/coctea.jpg differ
diff --git a/img/rozes.png b/img/rozes.png
new file mode 100644
index 0000000..1af6378
Binary files /dev/null and b/img/rozes.png differ
diff --git a/img/starempy.png b/img/starempy.png
new file mode 100644
index 0000000..f1e149a
Binary files /dev/null and b/img/starempy.png differ
diff --git a/img/starfull.png b/img/starfull.png
new file mode 100644
index 0000000..0c1198a
Binary files /dev/null and b/img/starfull.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..6972215
--- /dev/null
+++ b/index.html
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+ Challenge 05 of CSS
+
+
+
+
+ 
+
+
+ Coctea Twins
+ Four-Calendar Café
1993
+
+
+
+