Dragonfly/title> <meta name="generator" content="Bluefish 2.2.12" /> <meta name="created" content="2025-03-29T21:23:49.110547285"/> <meta name="changed" content="2025-04-09T16:51:34.841279432"/> <style type="text/css"> body { margin: 0; padding: 0; font-family: Arial, sans-serif; background: transparent; } .container { max-width: 90%; margin: 0 auto; padding: 1rem; text-align: center; } img.center { display: block; margin: 0 auto; max-width: 100%; height: auto; width: min(665px, 80vw); border: 0; } audio { display: block; margin: 1rem auto; max-width: 100%; } p { line-height: 1.5; margin-bottom: 0.25cm; font-size: clamp(1rem, 2.5vw, 1.2rem); } p.title { font-size: clamp(1.2rem, 3vw, 1.4rem); font-weight: bold; } p.poem { font-size: clamp(1rem, 2.5vw, 1.2rem); font-weight: normal; } a:link { color: #000080; text-decoration: underline; } a:visited { color: #800000; text-decoration: underline; } @media screen and (max-width: 600px) { .container { padding: 0.5rem; } p.title { font-size: clamp(1rem, 2.5vw, 1.2rem); } p.poem { font-size: clamp(0.9rem, 2.5vw, 1rem); } img.center { width: 90vw; } } </style> </head> <body> <div class="container"> <p><br></p> <img src="dragonfly3.png" alt="Dragonfly" class="center" width="665" height="443"> <audio controls> <source src="/vid/dragonfly.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> <p class="title">Dragonfly</p> <p><br></p> <p> ... I am working on this.... Not ready for prime time....  <p><br></p> </div> </body> </html>