:root {
  --font-Anton: 'Anton', sans-serif;
  --font-Epilogue: 'Epilogue', sans-serif;
  --font-Oswald: 'Oswald', sans-serif;
  --font-Poppins: 'Poppins', sans-serif;
  --font-Elite: 'Special Elite', cursive;
  --font-Yanone: 'Yanone Kaffeesatz', sans-serif;
  --font-Bangers: 'Bangers', cursive;
  --font-Segoe: 'Segoe UI', Tahoma, Verdana, Geneva, sans-serif;
  --font-Courier: 'Courier New', Courier, monospace;
  --font-Cinzel: 'Cinzel', serif;
  --font-Belanosima: "Belanosima", sans-serif;

/* color 08/17/25 */
 --color-aibp-ltbg: #F9F7F4; 
 --color-aibp-pk: #ff5e5b;
 --color-aibp-pur: #9d8ebc; 
 --color-aibp-dpur: #4b2e83; 
 --color-aibp-ylw: #ffbd3d; 

 --color-aibp-dkbg: #444444; 


 --color-hhdi-alpha: rgba(255,255,255,.55);
}


* {
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firexfox */
    -webkit-box-sizing: border-box; /* Safari/Chrome/iOS/Android */
}


html, body {
   margin: 0; /* Ensure no default margin affects the layout */
   padding: 0;
      height: 100%;
      overflow: hidden; /* Prevent scrolling */
   overflow-x: hidden; 
   background-color: var(--color-aibp-dpur);
}


/* to prevent elements from extending beyond the viewport */
img {
   max-width: 100%;
   height: auto;
   display: block; 
}

p {
  color: var(--color-aibp-ltbg);
}
/* fonts

.museomoderno-<uniquifier> {
    font-family: "MuseoModerno", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
  }

  
.nata-sans-<uniquifier> {
    font-family: "Nata Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
  }


  .urbanist-<uniquifier> {
    font-family: "Urbanist", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
  }

  .dela-gothic-one-regular {
    font-family: "Dela Gothic One", sans-serif;
    font-weight: 400;
    font-style: normal;
  }

  .fugaz-one-regular {
    font-family: "Fugaz One", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  */

h1, h2 {
    font-family: "MuseoModerno", sans-serif;
    font-weight: 900;
    color: var(--color-aibp-ltbg);
    text-shadow: 1px 1px 2px var(--color-aibp-ylw);
}

footer {
  font-size: .6em;
}