
body	{margin:0; padding:0;  background:#d4ecfb;}

#container {margin-top:50px; border:0px green solid; width:1000px; margin-left:auto; margin-right:auto;}

img	{width:100%;}
		
#box	{margin-top:10px; border:0px red solid; padding-left:2%; padding-right:2%; }


#scroll	{ margin-top:20px; border:0px red solid; width:1000px; margin-left:auto; margin-right:auto;}

title  {font-size:30px; color:green;}
#init   {font-size:20px; color:green; }

#more 	{font-size:12px; color:#adlf1a; text-decoration:none; }

#book	{font-size:17px;  line-height:  120%; color: #cf8820;}

#author	{font-size:13px;  line-height:  120%; color: #7d8c1a; }

p	{font-size:17px; color:brown; line-height:1.3; }

h1	{font-size:16px; color:navy; text-align:center;}
 
h2      {font-size:17px; color:green;  line-height:5px;  }

h3      {font-size:20px; color:blue; text-align:center; }

h4      {font-size:20px; color:green;  }

h5      {text-align:center;}

h6      {font-size:15px; color:green; line-height:1.3;}


#hattwo {font-size:17px; color:green;  line-height:5px;  }

#hattwo {font-size:20px; color:blue; text-align:center: }

#hatthree {font-size:20px; color:green;  }



#date      {font-size:20px;text-align:center; color:brown;}


#titletop      {font-size:40px; text-align:center; color:black; margin-top:10px;}

 

#finance       {font-size:15px; color:brown; line-height:1.3;}

#ai	       {font-size:15px; color:brown; line-height:1.3;}

#money	       {font-size:15px; color:brown; line-height:1.3;}

a              {text-decoration:underline; font-size:17px; color:green; line-height:100%;}

pce            {font-size:30px; color:green; text-align:center; }

#movetext      {font-size:20px; color:red; line-height:1.3; margin-bottom: 10px; padding-top:20px;}



#scroll-container {
 border: 1 solid black;
 border-radius:5px;overflow:hidden;
                 }

#scroll-text {

-moz-transform:   translateX(100%);
-webkit-transform:translateX(100%);
transform:        translateX(100%);

-moz-animation:   my-animation 10s linear infinite;
-webkit-animation:my-animation 10s linear infinite;
animation:        my-animation 10s linear infinite;
            }


@-moz-keyframes my-animation {
 from{-moz-transform: transleteX(100%);}
  to {-moz-transform:transleteX(-100%);}
                            }

@webkit-keyframes my animation {
  from {webkit-tranform: translateX(100%):}
    to {webkit-tranform: translateX(-100%):}
                              }

@keyframes my-animation {
  from { -moz-transform: translateX(100%);
         -webkit-transform; translateX(100%);
          transform:translateX(100%);
       }

  to   { -moz-transform: translateX(-100%); 
         -webkit-transform: translateX(-100%);            
         transform: translateX(-100%);
       } 


