Create bookshelf

1 files changed, 53 insertions, 0 deletions

diff --git a/css/bookshelf.css b/css/bookshelf.css
new file mode 100644
index 0000000..b8795fa
--- /dev/null
+++ b/css/bookshelf.css
@@ -0,0 +1,53 @@
+a {
+	color: inherit;
+}
+
+h2 {
+	margin-bottom: 4px;
+}
+
+hr {
+	background: black;
+	height: 6px;
+	margin-bottom: 20px;
+}
+
+.cover, .poster, .icon {
+	max-height: 250px;
+	/* max-width: 165px; */
+	max-width: 200px;
+	border-radius: 10px;
+}
+
+.cover {
+    border: 2px solid black;
+    box-shadow: 8px 8px grey;
+}
+
+.icon {
+    filter: drop-shadow(0px 0px 2px black);
+}
+
+.shelf {
+    display: flex;
+    flex-direction: row;
+	justify-content: space-around;
+	text-align: center;
+	align-items: flex-end;
+	flex-wrap: wrap;
+}
+
+.shelf div {
+	margin-right: 1em;
+	margin-top: 20px;
+}
+
+.shelf h3 {
+	margin-bottom: 0px;
+}
+
+@media screen and (max-width: 700px) {
+	h2 {
+		text-align: center;
+	}
+}