/* Static Header Container */
.static-header {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Static Header Image */
.static-header img {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
    transition: transform 0.3s ease-out;
}

/* Adjust Header Height for Mobile */
@media (max-width: 768px) {
    .static-header img {
        max-height: 200px; /* Smaller height for mobile */
    }
}


@import url('https://fonts.googleapis.com/css2?family=Staatliches&family=Montserrat:wght@300;700&display=swap');

/* Center the main content */
.content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 800px; /* Adjust width as needed */
    margin: 50px auto; /* Center the content */
    padding: 20px;
}

/* Custom font for the header */
.oasis-header {
    font-family: 'Staatliches', sans-serif; /* Cool, bold, uppercase font */
    font-size: 48px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #1E1E1E; /* Dark color */
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
}

/* Styling for the paragraph */
.content p {
    font-family: 'Montserrat', sans-serif; /* Modern readable font */
    font-size: 20px;
    font-weight: 300;
    color: #555; /* Slightly muted for readability */
    max-width: 600px;
    line-height: 1.6;
}



/* Increase size of the main ESIIL logo */
.md-header__button.md-logo img {
    max-height: 400px; /* Adjust height (default is ~24-30px) */
    width: auto; /* Maintain aspect ratio */
}

/* Hide the floating page title in the header */
.md-header__topic {
    display: none !important;
}





@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');

:root {
  --md-text-font: 'Open Sans', sans-serif;  /* Default body text */
  --md-code-font: 'Roboto Mono', monospace; /* Default code font */
  --md-sidebar-font: 'Staatliches', sans-serif; /* Sidebar */
}

/* Apply the OASIS font to the sidebar */
.md-sidebar__inner {
  font-family: var(--md-sidebar-font);
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.4;
  color: rgba(211, 211, 211, 1) !important; /* Light Gray (211, 211, 211) with 80% opacity */
}

/* Optional: Style the main title in the sidebar */
.md-header__title {
  font-family: 'Staatliches', sans-serif;
  font-size: 34px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: rgba(211, 211, 211, 1) !important; /* Light Gray with 80% opacity */
}




/* Tag cloud styling */
.tag-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.tag-cloud a {
  text-decoration: none;
  background-color: var(--md-accent-fg-color, #e0e0e0);
  color: var(--md-accent-bg-color, #000);
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.85rem;
}