.background
{background-color:#000000}
.blue-background
{background-color:#E8FFFE}
.green-background
{background-color:#cce3ce;
width:500px;
font-family:"Geist Pixel"}

.nav-bar
{font-family:"Fleur De Leah";
font-size:30px;
display:flex;
justify-content:space-between;
align-items:center;
background-color:#FFFFFF;
padding: 1rem 2rem;
position:sticky;
top: 0;
z-index:1000}

.nav-links
{font-family:"Jacquard 12";
font-size:40px;
display:flex;
position:sticky;
padding:20px;
gap:50px;
}
a:hover
{text-decoration:underline;}
a:visited
{color:#C4C4C4;
text-decoration:none;}

.special-link
{font-size:20px;
color:#FA4B4B;
text-decoration:underline}

.jacquard-12-regular {
  font-family: "Jacquard 12", system-ui;
  font-weight: 400;
  font-style: normal;
}
.jim-nightshade-regular {
  font-family: "Jim Nightshade", cursive;
  font-weight: 400;
  font-style: normal;
}
.fleur-de-leah-regular {
  font-family: "Fleur De Leah", cursive;
  font-weight: 400;
  font-style: normal;
}
.geist-pixel {
  font-family: "Geist Pixel", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.grid-container
{display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;                          
}

.grid-item {
  background-color:#FFFFFF;
  padding: 20px;
  text-align: center;
color:#000000;}

.blank-box {
  background-color: #ffffff;
  align-items: center;
  padding:40px;
  display:flex
}


.no-bullets {
  list-style-type: none; /* Removes the bullet points */
  padding: 40px;            /* Removes default left indentation */
  margin: 0;             /* Removes default spacing */
  text-align: left;
}