body { font-family: sans-serif; font-size: 20px; }
input { font-family: sans-serif; font-size: 20px; }		/* TO DO: I would have thought that the body{} css would apply to input{} but that doesnt seems to work? 6/16/21 */
textarea { font-family: sans-serif; font-size: 20px; }

h1 { font-size: 40px; font-weight: bold; text-align: center; }
h2 { font-size: 40px; font-weight: bold; text-align: center; } /* <h1> & <h2> will look the same but we use <h1> for the stuff thats more important to SEO? */
h3 { font-size: 30px; text-align: center; }

a:link { text-decoration: none; color: Navy; }
a:visited { text-decoration: none; color: Navy; }
a:hover { text-decoration: underline; color: Navy; }
a:active { text-decoration: underline; color: Navy; }
@media screen and (max-width: 800px) {}

.greyCenter { color: DarkSlateGrey; text-align: center; } /* this used to be called "lightText" */
.greyRight { color: DarkSlateGrey; text-align: right; }
.oddPost { background-color: LightGrey; border: black; }
.myButtons { background-color: LightGrey; }
.floatLeft { float: left; margin: 0 15px 0 0; }
.floatRight { float: right; margin: 0 0 0 15px; }