.footer p {
  
    font-size: 11px;

    font-weight: normal;
    font-style: normal;
    text-align: center;
    font-family:  /*neue-haas-grotesk-text,*/ -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;      
  }
  

    
.time p {
    font-weight: 400 !important;
    font-style: normal !important;
    font-family:  /*neue-haas-grotesk-text,*/ -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;      
  font-size:11px ;
letter-spacing:em;
margin: 0 auto;
text-align: center !important;
margin-top:11px;
}



  
  
  
  /* Responsive adjustments */
  @media (max-width: 600px) {
    h1 {
      font-size: 32px; /* Adjusted for small screens */
    }
    h2 {
      font-size: 24px; /* Adjusted for small screens */
    }
    h3 {
      font-size: 20px; /* Adjusted for small screens */
    }
    h4 {
      font-size: 14px; /* Kept at 16px or slightly adjust if needed */
    }
    p {
      font-size: 11px; /* Optionally adjust for small screens */
      /*font-size: 14px;*/
    }
  }
  
        
      
    
  p, h1, h2, h3 {
            text-decoration:none;
  }
    
 
      
        
      
  body {
            background-color:#f4f0ec;
            margin:0;
            padding:0;
            box-sizing: border-box;
  }
  
  
  
.footer {
    /* Ensures the footer stays at the bottom and is not obscured by iOS UI elements */
    padding: 0rem 0;
      padding-bottom: env(safe-area-inset-bottom); /* Adjust for iOS safe area */
  
  }
  
        
p {
 
  font-family:  neue-haas-grotesk-text, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;      
    font-weight: normal !important;
    font-style: normal;
    font-size: 11px !important;
    letter-spacing: normal;
      }

    h1 {
    
      font-family:  neue-haas-grotesk-text, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;      
    font-weight: normal !important;
    font-style: normal !important;
    font-size:38px ;
    }

    #randImg {
        opacity: 0;
        transition: opacity 3s ease-in-out;
    }
  

    p, h1, h2, h3 {
        text-decoration:none ;
      }

      a {
        text-decoration:none ;
        font-style: normal !important;
      }
    
  
    body {
        background-color:#f4f0ec !important;
    }
    




    ::selection {
      background: none !important;
      color: hsla(30,26.7%,94.1%, 0%);
      
     
          }

    ::-moz-selection { /* Code for Firefox */
      background: none !important;
      color: hsla(30,26.7%,94.1%, 0%);
      

    
    }
    


      
 #copyrightText::selection, .reset-symbol::selection {
    background: none !important; /* Light orange background */
    color: black !important; /* Text color for selection */
  }
  

    
  





.header {
  height: 26px; /* Adjust this height as needed */
  display: flex;
  justify-content: center;
  align-items: center;
  /* Optionally, you can add a background color or other styling */
  background-color: #f0f0f0; /* Example background color */
}

/* Ensure the time container is centered within the header */
.time {
  margin: 0 !important;
      white-space: nowrap; /* Prevent wrapping */

}








  .time-segment {
    display: inline-block !important;
    width: 2ch !important; /* 2 character width */
    text-align: center !important;
  }
  .time-separator {
    display: inline-block !important;
    width: 0ch !important;
    text-align: center !important;
    margin: 0 -0.25ch !important; 
    text-align: center !important;
  }
  .date-time-separator {
    display: inline-block !important;
    width: 3ch !important; /* Space between date and time */
    text-align: center !important;
  } 

a{

  color: #007BFF !important;
}

/*
.menu a:hover, body a:hover {
*/
 /* background: #eaf1f6 !important;*/
/*
 color: #2c8551  !important;
}


.header a:hover, .footer a:hover {

  background: none !important;
  color: #000000  !important;

}
*/




.footer a, .footer p, .header a, .header p {
  font-family:  /*neue-haas-grotesk-text,*/ -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;      
        font-weight: normal !important;
font-style: normal;
font-size:11px !important;
letter-spacing: normal;
color: black  !important;
}










/* ---------- start using this again 1 13 2025 ---------- */

.italic-font{
  font-family: 'eb-garamond', serif !important;
font-weight: 400 !important;
font-style: italic; font-size: 15px !important;
line-height: 0px !important;
/*
font-family: ibm-plex-mono  !important;
font-weight: 400;

font-size: 13px !important;*/
 }





 canvas {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  position: fixed !important;
  z-index:-9999 !important;

}