          }
 
          h1 {
-           font-size: 4em;
+           font-size: 2em;
          }
 
          h2 {
-           font-size: 3em;
+           font-size: 1.6em;
            letter-spacing: -0.02em;
            margin-bottom: 0px;
            text-indent: -3px;
+           cursor: pointer;
          }
 
          h3 {
-           font-size: 1.6em;
+           font-size: 1.2em;
          }
 
          #preamble {

         }

         .outline-2 {
           margin-bottom: 50px;
         }

         .example {

         woopra.track();
       </script>
       <!-- End of Woopra Code -->

       <script>
         function getClosest(elem, selector) {
             for ( ; elem && elem !== document; elem = elem.parentNode ) {
         	if ( elem.matches( selector ) ) return elem;
             }
             return null;
         };


         function setNodeVisible (node, visible) {
             for (var i = 0; i < node.childNodes.length; i++) {
                 var child = node.childNodes[i];
                 if (node.classList.contains('outline-text-2') ||
                     node.classList.contains('outline-3') ||
                     node.classList.contains('outline-4') ||
                     node.classList.contains('outline-5') ||
                     node.classList.contains('outline-6')) {
                     node.style.display = visible ? 'inline' : 'none';
                 } else if (node.classList.contains('org-ul')) {
                     node.style.display = visible ? 'block' : 'none';
                  }
                 setNodeVisible(child, visible);
             }
         }

         window.onload = function() {
             var parts = document.URL.split('#');
             if (parts.length > 1) {
                 var entry = getClosest(document.getElementById(parts[1]), '.outline-2');
                 setNodeVisible(entry, true)
             }

             document.body.onclick = function(e){
                 if (e.target.tagName.toLowerCase() === 'h2') {
                     var entry = getClosest(e.target, '.outline-2');
                     var elements = entry.getElementsByClassName('outline-text-2');
                     setNodeVisible(entry, elements[0].style.display !== 'inline');
                 }
             };
         };
       </script>

")

(provide 'ar-ox-html)
