diff --git a/img/cover.jpg b/img/cover.jpg
new file mode 100644
index 0000000..844fbee
Binary files /dev/null and b/img/cover.jpg differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..e377427
--- /dev/null
+++ b/index.html
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+ Challenge 05
+
+
+
+
+ 
+
+
+ Rozes
+
+ Under the Grave
+ (2016)
+
+
+
+
+
+
+ star_border
+
+
+ star_border
+
+
+ star_border
+
+
+ star_border
+
+
+ star_border
+
+
+
+
+
+
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..df5570d
--- /dev/null
+++ b/style.css
@@ -0,0 +1,80 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap');
+:root{
+ --subtitle-color: #636363;
+}
+
+body{
+ margin: 0;
+ padding: 0;
+ background-color: #e5e5e5;
+ height: 100vh;
+ /* width: 100%; */
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-family: 'Roboto';
+}
+h3 {
+ font-size: 1.3em;
+ color: var(--subtitle-color);
+ font-weight: 100;
+}
+.main-container {
+ width: 600px;
+ height: 300px;
+ background-color: white;
+ display: flex;
+ flex-wrap: wrap;
+ border-radius: 10px;
+ box-shadow: 0 0 10px grey ;
+}
+.cover-section {
+ width: 35%;
+ height: 70%;
+}
+.cover-section img{
+ width: 100%;
+ height: 100%;
+ border-top-left-radius: 10px;
+}
+.title-section{
+ width: 65%;
+ height: 70%;
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ justify-content: center;
+}
+.title-section h1{
+ width: 80%;
+ margin: 0;
+ font-size: 40px;
+ font-weight: 400;
+ margin-bottom: 10px;
+}
+.title-section h3 {
+ width: 80%;
+ margin: 0;
+}
+.rate-section {
+ width: 100%;
+ height: 30%;
+ border-top: 1px solid #dddddd;
+ display: flex;
+ align-items: center;
+ justify-content: space-evenly;
+}
+.rate-left {
+ width: 30%;
+ /* padding-left: 5%; */
+}
+.rate-right {
+ width: 50%;
+ display: flex;
+ justify-content: space-around;
+}
+.material-icons {
+ font-size: 2em;
+ color: var(--subtitle-color);
+ opacity: .5;
+}
\ No newline at end of file