X-Git-Url: http://challenge-bot.com/repos/?p=challenge-bot;a=blobdiff_plain;f=challenge-bot.com%2Fcss%2Fmain.css;fp=challenge-bot.com%2Fcss%2Fmain.css;h=45cf2ab8e3fabd45fbf9c01e310811995c1e4953;hp=0000000000000000000000000000000000000000;hb=e1aec149f7ead963b97da593763898a4123ff3bf;hpb=31887ee1947145cda71ff3b938fde48080de8c01

diff --git a/challenge-bot.com/css/main.css b/challenge-bot.com/css/main.css
new file mode 100644
index 0000000..45cf2ab
--- /dev/null
+++ b/challenge-bot.com/css/main.css
@@ -0,0 +1,52 @@
+body { font-family: monospace;
+	color: #111111;
+	width: 80%;
+	margin: auto auto;
+	text-align: center; }
+h3 { color: #008000; }
+h2 { color: #009900; }
+h4 {
+	color: #00aa00;
+	font-weight: 400; }
+a {
+	color: #00CC00;
+	text-decoration: none; }
+p {
+	text-align: left;
+	margin: auto auto;
+	max-width: 800px;
+	padding-bottom: 10px; }
+.person {
+	width: 200px;
+	display: inline-block;
+	padding-right: 30px;
+	text-align: center; }
+.person .photo {
+	padding: 0px;
+	margin: 0px; }
+.person .name {
+	padding: 0px;
+	margin: 0px; }
+.person .position {
+	padding: 0px;
+	margin: 0px; }
+section { padding: 30px 0px; }
+section > h2 { padding-bottom: 30px; }
+
+/* line behind title 
+   see http://codepen.io/ericrasch/pen/Irlpm */
+section > h2 {
+    position: relative;
+    z-index: 1; }
+section > h2:before {
+    border-top: 2px solid #dfdfdf;
+    content:"";
+    margin: 0 auto; /* this centers the line to the full width specified */
+    position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
+    top: 50%; left: 0; right: 0; bottom: 0;
+    width: 95%;
+    z-index: -1; }
+section > h2 span { 
+    /* to hide the lines from behind the text, you have to set the background color the same as the container */ 
+    background: #fff; 
+    padding: 0 15px; }
\ No newline at end of file