body           {
          margin: 20px 50px 30px 50px;
          background-color: #003300;
          color: #ffff00;
   }
<--

     table          {
          margin-top: 2em;
          width: 100%;
          table-layout: auto;
          padding: 1px;
          border: 1px;
   }
!-->

     caption        {
          font-weight: bolder;
   }

     .card1             {
          width: 250px;
          height: 25px;
          background-color: green;
          color: white;
          margin: 10px;
          padding: 1;
          font-size: 1.2em;
          text-align: center;
          padding-top:4px;
   }

     .card2             {
          width: 180px;
          height: 25px;
          border: 2px;
          background-color: #4b0082;
          color: white;
          margin: 10px;
          padding: 1;
          font-size: 1.2em;
          text-align: center;
          padding-top:4px;
   }

     .card3             {
          width: 260px;
          height: 25px;
          border: 2px;
          background-color: olive;
          color: white;
          margin: 10px;
          padding: 1;
          font-size: 1.2em;
          text-align: center;
          padding-top:4px;
   }
     .card4             {
          width: 250px;
          height:23px;
          background-color: #9999ff;
          color: black;
          font-size: 1.0em;
          margin: 10px;
          padding: 1px;
          text-align: center;
          padding-top: 4px;
   }
     hr.sample08            {
          text-align: center;  
          color:silver;
          height:5px;
          width:50%;
   }

     p                    {
          margin-left: 120px;
          margin-right: 120px;
          text-indent:1em;
          font-weight: 700;
          line-height:1.5em;
   }

     .text1               {
          margin: 50px;
          font-size: 1.2em;
          color: purple;
   }

     .text2               {
          color: red;
   }

     #title1       {
          width: auto;
          height: auto;
          position: absolute;
          top: 30px;
          left: 50px;
          color: red;
          font-size: 25px;
   }
     #title2       {
          width: auto;
          height: auto;
          position: absolute;
          top: 100px;
          left: 50px;
          filter: glow(color=#green,strength=5);
          font-family: serif;
          font-size: 30px;
   }