First Attempt Final

css/style.css

@@ -0,0 +1,36 @@
+#word-spelling {
+	display: flex;
+}
+
+.element {
+	position:relative;
+	display: block;
+	width: 8em;
+	height: 8em;
+	border: 1px solid #000;
+	margin-right: 0.2em;
+	flex-shrink: 0;
+}
+
+.element > .number {
+	position: absolute;
+	right: 0.5em;
+	top: 0.5em;
+	font-size: 1.1em;
+}
+
+.element > .symbol {
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	transform: translate(-50%,-50%);
+	font-size: 3em;
+}
+
+.element > .name {
+	position: absolute;
+	bottom: 0.3em;
+	left: 50%;
+	transform: translateX(-50%);
+	font-size: 1.3em;
+}