/* table css styles
buttons links & others in separate css
override if nec on specific pgs  */

* {
    /* margin: 1rem;
    padding: 1rem; */
    /*  outline: solid black 2px;  */
    box-sizing: border-box;
}

body {
	  margin: .5rem;
    padding: .5rem;
    color: white;
	/* sets bkgd color of page, not just table  */
    /* background-color: rgb(0, 128, 0); */
      }

/* define all paragraph font for main pg */
	p {
    color: white;
    text-align: left;
	  font-family: Palatino, URW Palladio L, serif;
	  font-size: 1.5rem;
	/* margin: 4 props are: Top, Right, Bottom Left no , but spaces*/
	  /* margin: 1rem; */
    padding: 1rem;
  /*  outline: solid black 1px;
    box-sizing: border-box; */
	}

  p::first-letter {
              font-family: Georgia, serif;
              /* font-family:  Luminary, fantasy; not allowd by Chrome */
              font-size:2.2rem; color: #cf2f2f;
              }

/*   When using comments, you do not want other comment tags within or it will void out the other comment tags. */

  font {
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px;
    background-color: transparent;
    font-size: .85rem;
    }

  font.auth {
      font-family: Arial Narrow, Arial, sans-serif;
      font-size: .6rem;
      color: white;
    }

  img.coin {
    padding: .5rem;
    border:  0px;
    background-color: transparent;
    margin: auto;
    width: 200px;
    height: 200px;
  }
  img.coin:hover {
    opacity:  0.5;
      }
    img.other {
      /* padding: .5rem; */
      border:  0px;
      background-color: transparent;
      padding-top: 15px;
      padding-bottom: 5px;
      margin: auto;
      width: 200px;
      height: 200px;
        }
      img.other:hover {
        opacity:  0.92;
          }

  /* Table Defines:  must define in this order */
    table, th, td {
    /* width: 100%; */
    /* margin: auto; */
    padding: 1px;
    text-align: center;
    border: 1px solid white;
    background-color: transparent;
    }

    table {
    width: 1000px;
    height: auto;
    border-collapse: separate;
    border: 4px solid DimGrey;
    border-spacing: 0.5rem;
    vertical-align: top;
    /* invalid otherwise over rides cell bkgd colors
    background-color: transparent;  */
    display:block;
    }

/* alternating rows w different cells */

/* controls 1st cell of ev odd row */
    tr:nth-child(odd) td:nth-child(3n+1) {
        background-color: rgba(196, 196, 196, 0.51);
        color: black;
      }
/* controls 2nd cell of ev odd row */
      tr:nth-child(odd) td:nth-child(3n+2) {
        background-color: rgba(179, 179, 170, 0.70);
        color: DimGrey;
        }
/* controls 3rd cell of ev odd row */
      tr:nth-child(odd) td:nth-child(3n+3) {
        background-color: rgba(186, 189, 203, 0.54);
        color: #fffcc6;
        text-align: center;
        }

/* controls 1st cell of ev even row */
    tr:nth-child(even) td:nth-child(3n+1) {
        background-color: rgba(174, 68, 68, 0.61);
        color: black;
      }
/* controls 2nd cell of ev even row */
      tr:nth-child(even) td:nth-child(3n+2) {
          background-color: rgba(171, 112, 112, 0.42);
          color: DimGrey;
        }
/* controls 3rd cell of ev even row */
      tr:nth-child(even) td:nth-child(3n+3) {
          background-color: rgba(124, 73, 44, 0.60);
          color: #ffffff;
          text-align: center;
          }

/* dont use table headers       */
    th h2 {
      color: FireBrick;
    }

    th h3 {
      color: DarkRed;
    }

footer	{
	float:none;                                /*float: clear;      incorrect value for float*/
	font-size: 50%;
	color: white;                    /*font-color: rgb(8,48,112);  invalid css property*/
	text-align: center;	}

  /* all Headers defined here  */
  h1  { 	color: white;
   font-size: 3.0em;
   padding-left:10px;
   text-shadow: 4px -2px 6px rgba(54, 0, 0, 0.8);
   text-align: center; }

  h2  { 	color: white;
   font-size: 2.0em;
   padding-left:10px;
   text-shadow: 3px -3px 4px Black;
   text-align: center; }

/* Red w/ shadow  */
  h3  { 	color: rgba(168,46,68,0.9);
    /* dark grey */
   font-size: 2.1em;
   padding-left:2em;
   text-shadow: 2px -2px 4px rgba(139, 136, 43, 0.58);
   text-align: left; }

/* white, left just if  */
  h4  { 	color: rgba(234, 234, 235, 1);
    /* off white */
   font-size: 1.2em;
   padding-left:2em;
   text-shadow: 1px -1px 2px rgba(9, 12, 19, 0.8);
   text-align: left; }

  h5  { 	color: rgba(32,44,71,0.9);
   font-size: 1.0em;
   padding-left:5px;  }

  h6  { 	color: rgba(32,44,71,0.9);
   font-size: 0.65em;
   padding-left:2px;  }