body.ai-page {
  background-image: url("https://elilenti.neocities.org/webstuff/blueaipattern.png");
  background-repeat: repeat;
  background-size: 100px 100px;
  padding-right: 170px; 
  
  
}

/* Typography */
.ai-page a,
.ai-page h6 {
  color: #79A3DB;
  font-size: 16px;
}

.ai-page p,
.ai-page ol,
.ai-page ul {
  color: #eef2fb;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.01em;
}

/* Main content blocks */
.ai-page section,
.ai-page h1 {
  background-color: #132033;
  border-radius: 0;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
  color: #e6edf5;
  text-transform: capitalize;
  border: 1px solid #93a6c4;
  font-family: 'Space Grotesk', sans-serif;
  letter-spacing: 0.08em;
  font-weight: 500;

  text-shadow:
    -1px -1px 0 #0a111f,
     1px -1px 0 #0a111f,
    -1px  1px 0 #0a111f,
     1px  1px 0 #0a111f;
  
}

.ai-page section {
   border: 1px solid #93a6c4;
   text-transform: none;
}

/* Sidebar overrides */
.ai-page .sidebar {
  background-image: none;
  background-color: #132033;
}

.ai-page .sidebar a,
.ai-page .sidebarheader {
  color: #eef2fb;
  text-shadow: none;
}

.ai-page .sidebar a:hover {
  background-color: rgba(192, 192, 192, 0.28);
}

.ai-page #sidebarsubs a,
.ai-page #sidebarsubs p {
  color: #d7dde8;
}

/* Right sidebar */
.ai-page .rightbar {
  background-color: #132033;
  box-shadow: none;
  border-radius: 0;
  position: fixed;
  top: 22.5%;
  right: 18px;
  width: 10%;
}

.ai-page .rightbar a {
  color: #eef2fb;
  font-family: 'IBM Plex Sans', sans-serif;
}

.ai-page .rightbar a:hover {
  background-color: rgba(192, 192, 192, 0.28);
}

.ai-page .sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 220px;
  height: 100vh;
  background-image: none;
  background-color: #132033;
  box-sizing: border-box;
  padding: 12px;
}

.ai-page main {
  margin-left: 25px;
}