Add achievements banner to index

1 files changed, 28 insertions, 0 deletions

diff --git a/static/index.css b/static/index.css
index 06e60b1..0838304 100644
--- a/static/index.css
+++ b/static/index.css
@@ -36,3 +36,31 @@
 	font-size: large;
 	font-style: italic;
 }
+
+.achievements {
+	padding: 2rem 1rem;
+
+	/* Use a dark and twisted color to make this band stand out as a separate element. */
+	background-color: #6e1818;
+
+	/* Disperse achievements evenly horisontally */
+	display: flex;
+	justify-content: space-around;
+	align-items: center;
+}
+
+.achievements__item {
+	/* Stack the two children vertically */
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+
+.achievements__item__number {
+	/* Numbers should be big and attention grabbing */
+	font-size: 2rem;
+	font-style: bold;
+}
+
+.achievements__item__text {
+}