- used data attributes for global flex css

- started grid layout

styles/elements/banners.css

@@ -0,0 +1,33 @@
+
+pre.banner {
+	position: relative;
+	margin: 10px 0px 10px -100px;
+	animation-name: slide;
+	animation-iteration-count: infinite;
+	animation-duration: 2s;
+	animation-timing-function: linear;
+	animation-direction: normal;
+}
+pre.banner.pause {
+	animation-play-state: paused;
+}
+pre.banner.reverse {
+	animation-direction: reverse;
+}
+pre.banner.t0_5 {
+	animation-duration: 0.5s;
+}
+pre.banner.t1_0 {
+	animation-duration: 1s;
+}
+pre.banner.t1_5 {
+	animation-duration: 1.5s;
+}
+pre.banner.t2_0 {
+	animation-duration: 2s;
+}
+@keyframes slide {
+	from {left:0;}
+	to {left:2.4em;}
+}
+