/*
 * Your custom CSS goes here
*/



/* css styles */
  
body {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;

  .psybot { 
    font-family: "Puritan", sans-serif !important;  
  }
  
  .student {
    font-family: "Patrick Hand", cursive !important;
  }

}


.patrick-hand-regular {
  font-family: "Patrick Hand", cursive;
  font-weight: 400;
  font-style: normal;
}



.eb-garamond-400 {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


.htmx-indicator{
  opacity:0;
  transition: opacity 500ms ease-in;
}
.htmx-request .htmx-indicator{
  opacity:1
}
.htmx-request.htmx-indicator{
  opacity:1
}


.chatgpt h1 {
  font-size: 1.1em; /* Same as or slightly larger than h3 */
  text-transform: small-caps;
  text-align: center;
  font-style: italic;
}

.chatgpt h2 {
  font-size: 1.1em; /* Slightly smaller than h1 */
  text-transform: small-caps;
}

.chatgpt h3 {
  font-size: 1em; /* Base size */
}

.chatgpt h4 {
  font-size: 0.9em; /* Smaller than h3 */
}

.chatgpt h5 {
  font-size: 0.8em; /* Even smaller */
}

.chatgpt h6 {
  font-size: 0.7em; /* Smallest heading */
}


.hiddenlink {
  text-decoration: none;
  color: inherit;
}