/*  Style Sheet   styles.css
8/18/2005  responsive Nov 2025glc */

body {background: white; }

a:link {color: blue }
a:active {color: red }
a:visited {color: magenta }

h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif }


/*  responsive css code Nov 3 2025 
NOTE   in pre   white-space: pre-wrap !important fixed the issue
of a small font on my phone screen
*/

/* Media query for phone screens (max-width: 768px) */
/*@media only screen and (max-width: 768px) {
*/
@media (max-width: 1000px) {
 h1 {
 font-size: 2.4em; /* Larger font size for heading on phones */
 }

 p {
 font-size: 1.1em; /* Larger font size for paragraphs on phones */
 font-weight: bold;
 }

 body {
font-weight: bold;
 font-size: 2.3em; /* Larger font size for page body on phones */
 margin: 10px;
 padding: 6px;
 }

 pre {
    font-size = 3em;
    font-weight: bold;
    white-space: pre-wrap !important;
 }