<?xml version="1.0" encoding="UTF-8"?>

<html xmlns="http://www.w3.org/1999/xhtml"
          xmlns:time="http://www.x-smiles.org/2004/timesheet">
          
          <head>
              <title>Epilepsia</title>
              <style type="text/css">
                  :timed-inactive {display: none ! important; }
                  .bigger { font-size: 5px; }
                  .smaller { font-size: 50px; }
                  h1 {border-style:solid; border-width: 4px;}
                  :s10 { font-size: 10px; background-color: red;}
                  :s15 { font-size: 15px; background-color: blue;}
                  :s20 { font-size: 20px; background-color: yellow;}
                  :s25 { font-size: 25px; background-color: green;}
                  :s30 { font-size: 30px; background-color: aqua;}
                  :s35 { font-size: 35px; background-color: fuchsia;}
                  :s40 { font-size: 40px; background-color: #ddeeff;}
                  :s45 { font-size: 45px; background-color: #1122ff;}
              </style>
              <time:time>
                  <time:seq repeat="indefinite">
                      <time:par dur="100ms">
                          <time:item select=".bigger" class="s10"/>
                          <time:item select=".smaller" class="s45"/>
                      </time:par>
                      <time:par dur="100ms">
                          <time:item select=".bigger" class="s15"/>
                          <time:item select=".smaller" class="s40"/>
                      </time:par>
                      <time:par dur="100ms">
                          <time:item select=".bigger" class="s20"/>
                          <time:item select=".smaller" class="s35"/>
                      </time:par>
                      <time:par dur="100ms">
                          <time:item select=".bigger" class="s25"/>
                          <time:item select=".smaller" class="s30"/>
                      </time:par>
                      <time:par dur="100ms">
                          <time:item select=".bigger" class="s30"/>
                          <time:item select=".smaller" class="s25"/>
                      </time:par>
                      <time:par dur="100ms">
                          <time:item select=".bigger" class="s35"/>
                          <time:item select=".smaller" class="s20"/>
                      </time:par>
                      <time:par dur="100ms">
                          <time:item select=".bigger" class="s40"/>
                          <time:item select=".smaller" class="s15"/>
                      </time:par>
                      <time:par dur="500ms">
                          <time:item select=".bigger" class="s45"/>
                          <time:item select=".smaller" class="s10"/>
                      </time:par> 
                      <time:par dur="100ms">
                          <time:item select=".bigger" class="s40"/>
                          <time:item select=".smaller" class="s15"/>
                      </time:par> 
                      <time:par dur="100ms">
                          <time:item select=".bigger" class="s35"/>
                          <time:item select=".smaller" class="s20"/>
                      </time:par> 
                      <time:par dur="100ms">
                          <time:item select=".bigger" class="s30"/>
                          <time:item select=".smaller" class="s25"/>
                      </time:par> 
                      <time:par dur="100ms">
                          <time:item select=".bigger" class="s25"/>
                          <time:item select=".smaller" class="s30"/>
                      </time:par>
                      <time:par dur="100ms">
                          <time:item select=".bigger" class="s20"/>
                          <time:item select=".smaller" class="s35"/>
                      </time:par>                      
                      <time:par dur="100ms">
                          <time:item select=".bigger" class="s15"/>
                          <time:item select=".smaller" class="s40"/>
                      </time:par>
                      <time:par dur="100ms">
                          <time:item select=".bigger" class="s10"/>
                          <time:item select=".smaller" class="s45"/>
                      </time:par>
                  </time:seq>                  
              </time:time>
          </head>
          <body>
              <h1 class="bigger">SUURENEE</h1>
              <h1 class="smaller">PIENENEE</h1>
              <h1 class="bigger">SUURENEE</h1>
              <h1 class="smaller">PIENENEE</h1>
              <h1 class="bigger">SUURENEE</h1>
              <h1 class="smaller">PIENENEE</h1>              
          </body>
</html>
