/* Headers <p>, fonts, <font> spans called here entire site  */
/* plus the few remaining miscell items   */

body {
	  margin: .5rem;
    padding: .5rem;
	/* sets bkgd color of page, not just table  */
  /* dpes this set top bar color ?  */
    background-color: rgba(249, 249, 249,1);
      }

/*  Can I call fonts Mikadan, Dalek Pinpoint, Mael & Clever from here in css?  */

/* all Headers defined here  */
  h1  { 	color: rgba(48,34,71,0.9);
   font-size: 3.0em;
   padding-left: 10px;
/*   text-shadow: 2px -2px 6px rgba(61,9,9,0.8);  */
	}

  h2  { 	color: rgba(71,36,40,0.9);
   font-size: 1.9em;
   padding-left: 10px;
/*   text-shadow: 1px -1px 4px rgba(61,9,9,0.8);   */
	}

  h3  { 	color: rgba(32,44,71,0.9);
   font-size: 1.9em;
   padding-left: 10px;
/*   text-shadow: 1px -1px 4px rgba(48,66,107,0.8);  */
  }

  h4  { 	color: rgba(32,44,71,0.9);
   font-size: 1.2em;
   padding-left: 10px;
  }

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

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


 /* define all paragraph font for main pg */
 	p {
    color: black;
    text-align: left;
		font-family: palatino, serif;
		font-size: 1.0rem;
		background-color: transparent;
 	/*  background-color: rgb(229,222,222); /* li grey  */
 	/* margin: 4 prop is Top R Bott L no , but spaces*/
 	  /* margin: 1rem; */
     padding: 1rem;
   /*  outline: solid black 1px;
     box-sizing: border-box; */
 	}
   p::first-letter {
               font-family: Georgia, serif;
               /* Need to custom load these fonts as not defined in Chrome */
               /* font-family:  Papyrus, fantasy; */
							 font-size:2.2rem; color: #612222;  /* #401c1c dk red-brown  */
               }

   /*  trying a generalizable class for <p>  */
   .blak {
       color: black;
       background-color: transparent;
       }

	 .whte {
		 color: white;
 		 background-color: transparent;
 		 }

    .red {
      color: rgb(100,43,49);
      background-color: transparent;
      }

		.dkgrey {
				color: rgb(38,38,38);
				background-color: transparent;
				}
		.ltgrey {
				color: rgb(100,100,100);
				background-color: transparent;
				}



/*  font is depreciated but for old pages is defined here   */
     font {
       font-family: Arial, Helvetica, sans-serif;
       padding: 0px;
       background-color: transparent;
       height: 0.9rem;
       }

	   span {
	     display: inline-block;
	      padding: 0.5px;
	      }


 /* all Header Shadows defined here  */
 /* shadows & fonts  made into classes, can now mix & match  */

     .shadow-big {
     text-shadow: 5px -2px 6px rgba(61, 73, 73, 0.9);	}

     .shadow-med {
      text-shadow: 3px -2px 4px rgba(61,9,9,0.8);	}

     .shadow-lmed {
        text-shadow: 3px -2px 4px rgba(255, 255, 252, 0.8); }

     .shadow-sml {
        text-shadow: 2px -1px 2px rgba(61,9,9,0.8);	}

   /* font class, all 4 ltter abbrev  */
     /* fancy font */
    .time {
       font-family: TimesNewRoman;
       font-style: normal;  }

     /* slightly fancy font */
    .tahom {
       font-family: Tahoma;
       font-style: normal   }

     /* plain font */
    .arial {
       font-family: Arial;
       font-style: normal;  }

     /* sl fancy, my old std font */
    .palat {
       font-family: palatino;
       font-style: normal;   }

    .dalek {
       font-family: 'Dalek Pinpoint', sans-serif;
     }

    .mikadan {
       font-family: 'mikadan', serif;
     }

    .mael {
       font-family: 'maelregular', serif;
     }
/* need to load clever font */
		.clever {
       font-family: 'cleverregular', serif;
     }

/*  Font sizes  auth+color-red, s=sml, n=nrm, l=lge, b=big,  */
.auth {
		 font-size: .6rem;
		 color: #404404;
	 }
	 .sml {
			 font-size: .75rem;
	 		 }
			 .nrm {
					 font-size: 1.0rem;
			 		 }
					 .lge {
							 font-size: 1.25rem;
					 		 }
							 .big {
									 font-size: 1.8rem;
									 }

/*  Dont need to define fonts in Spans, just use inline-block & the other span things  */
/*   span.mikadan {
    display: inline; /* the default for span */
  /*  font-family: 'mikadan';
    font-weight: normal;
    font-size: 1.4rem;
    color: #2d2929;
    text-shadow: 4px 4px 5px rgba(220, 218, 222, 0.98);
    padding: 2px;
           }  */

   img.coin {
     padding: 0.6rem;
     border:  0px;
     background-color: transparent;
     margin: auto;
     width: 200px;
     height: 200px;
       }
     img.coin:hover {
       opacity:  0.5;
         }

   img.other {
     padding: 0.6rem;
     border:  0px;
     background-color: transparent;
     margin: auto;
     width: 200px;
     height: 200px;
         }
     img.other:hover {
       opacity:  0.92;
           }