/*  Style Sheet   styles.css
8/18/2005  responsive Nov 2025glc */
/*  responsive css code Oct 30 2026 
NOTE   in pre   white-space: pre-wrap !important fixed the issue
of a small font on my phone screen
*/
 pre {
    white-space: pre-wrap;       /* Preserves spaces/breaks AND wraps text */
    overflow-wrap: break-word;   /* Breaks ultra-long words (like URLs) if they overflow */
 }

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 }



/* 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;
 }