Latti

index.html

@@ -63,9 +63,9 @@ <h2>The Beauty of <abbr title="Cascading Style Sheets">CSS</abbr> Design</h2>
 		</div>
 
 		<div class="preamble" id="zen-preamble" role="article">
-			<h3>The Road to Enlightenment</h3>
-			<p>Littering a dark and dreary road lay the past relics of browser-specific tags, incompatible <abbr title="Document Object Model">DOM</abbr>s, broken <abbr title="Cascading Style Sheets">CSS</abbr> support, and abandoned browsers.</p>
-			<p>We must clear the mind of the past. Web enlightenment has been achieved thanks to the tireless efforts of folk like the <abbr title="World Wide Web Consortium">W3C</abbr>, <abbr title="Web Standards Project">WaSP</abbr>, and the major browser creators.</p>
+			<h3>aaaaaaaaaaaaaaaaaaa</h3>
+			<p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbabbr title="Document Object Model">DOM</abbr>s, broken <abbr title="Cascading Style Sheets">CSS</abbr> support, and abandoned browsers.</p>
+			<p>We musbbbbbbbbvvvvvvveved thanks to the tireless efforts of folk like the <abbr title="World Wide Web Consortium">W3C</abbr>, <abbr title="Web Standards Project">WaSP</abbr>, and the major browser creators.</p>
 			<p>The CSS Zen Garden invites you to relax and meditate on the important lessons of the masters. Begin to see with clarity. Learn to use the time-honored techniques in new and invigorating fashion. Become one with the web.</p>
 		</div>
 	</section>

style.css

@@ -0,0 +1,46 @@
+* {
+    margin : 0;
+    padding : 0;
+}
+html {
+    font-size : 62.5%;
+}
+body {
+    font-family : Helvetica, Arial, sans-serif;
+    color : rgb(233, 47, 78);
+    background : url(i/denim2.png) 50% 350px no-repeat rgba(255, 208, 0, 0.452) ;
+}
+h1 {
+    font : bold 4.2rem Helvetica, Arial, sans-serif;
+    margin : 0 0 0.5em;
+    color: rgb(4, 0, 255);
+}
+h2 {
+    font : bold 1.8rem Helvetica, Arial, sans-serif;
+    margin : 0 0 1em;
+    h2
+}
+h3 {
+    font : bold 1.5rem Helvetica, Arial, sans-serif;
+    margin : 0 0 1em;
+}
+h4, h5, h6 {
+    font : bold 1.2rem Helvetica, Arial, sans-serif;
+    margin : 0 0 1em;
+}
+.wf-active body, .wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6 {
+    font-family : "effra";
+}
+p, ul, dl, ol, table {
+    font-size : 16px;
+    margin : 0 0 1.5em;
+}
+.wf-active p {
+    font-weight : 300;
+}
+form {
+    margin : 0 0 1.5em;
+}
+label {
+    font-size : 1.6rem;
+}