Done-geon V0.2

<!Doctype HTML>
<html>

<style>

#title {
    position: absolute;
    left: 450px;
    top: 12px;
    color: Gray;
    background-color: Navy;
    text-size: 200%;
    border-style: ridge;
    border-radius: 20px;
    border-color: #9999cc;
    width: 100px;
    height: 30px;
    text-value: "Done-geon";
    padding-left: 35px;
   }

body {
      background-color: Black;
     }

#time {
    position: absolute;
    left: 420px;
    top: 70px;
    background-color: Black;
    color: White;
    border-style: ridge;
    border-color: Gray;
   }

#timedisplay {
              position:absolute;
              left: 470px;
              top: 70px;
              background-color: Black;
              color: White;
              border-style: ridge;
              border-color: Gray;
              visibility: hidden;
             }

.bstand {
         position: absolute;
         background-color: Crimson;
         border-color: Red;
         color: Maroon;
         visibility: hidden;
        }

#enter {
        position: absolute;
        font-style: 'verdana', sans-serif 20px;
        color: Maroon;
        border-color: Red;
        background-color: Crimson;
       }

#sorcerer {
           position: absolute;
           left: 170px;
          }


</style>

<h1>
<input id='enter'; type='button'; onclick='[document.getElementById("paladin").style.visibility = "visible"] [document.getElementById("enter").style.visibility = "hidden"] [document.getElementById("sorcerer").style.visibility = "visible"
]'; value='Enter'>
</h1>

<h2>
<input id='title'; onclick='alert("Version .2")'; value='Done-geon'; readonly>
</h2>

<body>

<p1>
<input id='paladin'; class='bstand'; type='button'; onclick='[document.getElementById("paladin").style.visibility = "hidden"] [document.getElementById("sorcerer").style.visibility = "hidden"]'; value='Become Paladin'>

<input id='sorcerer'; class='bstand'; type='button'; onclick='[document.getElementById("paladin").style.visibility = "hidden"] [document.getElementById("sorcerer").style.visibility = "hidden"]'; value='Become Sorcerer';>
</p1>

<p2 id='time'; onmouseover='[getElementById("timedisplay").innerHTML=Date()] [getElementById("timedisplay").style.visibility = "visible"]'; onmouseout='getElementById("timedisplay").style.visibility = "hidden"'>Time:</p2>

<p3 id='timedisplay'>


</body>

</html>