diff --git a/src/scss/waltuh/components/_book_entry.scss b/src/scss/waltuh/components/_book_entry.scss
new file mode 100644
index 0000000..9d6d57d
--- /dev/null
+++ b/src/scss/waltuh/components/_book_entry.scss
@@ -0,0 +1,44 @@
+.book-entry-container {
+  width: 100%;
+}
+
+.book-entry {
+  width: 100%;
+  position: relative;
+  &:last-of-type {
+    margin-bottom: 5vh;
+  }
+  details {
+    summary {
+      cursor: pointer;
+      user-select: none;
+    }
+    div {
+      display: grid;
+      grid-template-columns: 1fr 1fr 1fr;
+      grid-template-rows: 4rem 1fr;
+      grid-template-areas:
+        "author year score"
+        "comments comments comments"
+    }
+  }
+}
+
+.book-entry__author {
+  grid-area: author;
+}
+.book-entry__year {
+  grid-area: year;
+}
+.book-entry__score {
+  grid-area: score;
+  &:before {
+    content: "Score: ";
+  }
+  &:after {
+    content: " / 10";
+  }
+}
+.book-entry__comments {
+  grid-area: comments;
+}
diff --git a/src/scss/waltuh/components/_index.scss b/src/scss/waltuh/components/_index.scss
index c2faa97..dd4e203 100644
--- a/src/scss/waltuh/components/_index.scss
+++ b/src/scss/waltuh/components/_index.scss
@@ -1,3 +1,4 @@
 @forward "header";
 @forward "overlay";
 @forward "marks";
+@forward "book_entry";