1 files changed, 62 insertions, 0 deletions
diff --git a/static/style.css b/static/style.css
new file mode 100644
index 0000000..04b2921
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,62 @@
+ul {
+	list-style-type: none;
+	padding: 0px;
+}
+
+li > a > div {
+	padding: 20px;
+	background: #ccc;
+	border: 1px solid black;
+	text-align: center;
+	transition: background 0.5s;
+}
+
+li > a > div:hover {
+	background: #bbb;
+}
+
+#container {
+	display: grid;
+	grid-auto-rows: auto;
+	align-items: center;
+}
+
+
+@media only screen and (min-width: 1224px) {
+	#container {
+		grid-template-columns: auto auto auto auto auto;
+	}
+}
+
+@media only screen and (min-width: 1440px) {
+	#container {
+		grid-template-columns: auto auto auto auto auto auto auto;
+	}
+}
+
+@media only screen and (max-width: 1224px) {
+	#container {
+		display: grid;
+		grid-template-columns: auto auto auto;
+		grid-auto-rows: auto;
+		align-items: center;
+	}
+}
+
+.img {
+	margin: auto;
+	display: inline-grid;
+	align-content: center;
+	height: 100%;
+	border: 1px solid black;
+	transition: filter 0.5s, background 0.5s;
+}
+
+.img:hover {
+	background: #ccc;
+	filter: brightness(85%);
+}
+
+img {
+	width: 100%;
+}