@import url('https://fonts.googleapis.com/css2?family=Quattrocento:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quattrocento+Sans:wght@400;700&display=swap');

.page  { 
   margin: 0 auto; 
   padding: 0; 
   max-width: 100%; 
   text-align: right ; }
.header { 
   margin: 0 auto;
   padding-top: 2em; 
   max-width: 100%; }
.main   { 
   max-width: 96%;
   margin: 0 auto; 
   padding: 1em ; }
.wrapper { 
  float: right; 
  max-width: 80em; 
  text-align: left ;
  font-family: "Quattrocento", serif; }
.footer { 
  clear: both; 
  padding: 1em ; 
  margin: 1em; 
  border-top:1px solid #999; 
  text-align: left; 
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 1em; }
.content {  
  max-width: 100%; /* Ensure it doesn't exceed the container */
  overflow-wrap: break-word; /* Break long words */
  word-break: break-word; /* Compatibility for older browsers */}
  
.aside {  float: left; margin: 4em ; clear: left;}  

 /* Adjust font for headings */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: "Quattrocento Sans", sans-serif; /* Example of a serif font */
  font-weight: bold;
  font-size: 1.5em; /* Relative size */
}

p {
    font-size: 1.2em; /* Relative size */
}

/* header */

.header .spip_logo { position: relative; left: 00px; float: left; }

.spip_logo_site {
  font-family: "Quattrocento", serif;
  font-size: 64px;
  font-weight: bold;
  text-align: right;
}

#slogan {
  font-size: 32px;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: italic;
  }