@font-face {
  font-family: 'Cascadia Code Nerd Font';
  src: url('../202409-KCD-Porto/fonts/CaskaydiaMonoNerdFont-Regular.ttf') format('truetype'),
    url('../202409-KCD-Porto/fonts/CaskaydiaMonoNerdFont-Bold.ttf') format('truetype'),
    url('../202409-KCD-Porto/fonts/CaskaydiaMonoNerdFont-Light.ttf') format('truetype'),
    url('../202409-KCD-Porto/fonts/CaskaydiaMonoNerdFont-Italic.ttf') format('truetype'),
    url('../202409-KCD-Porto/fonts/CaskaydiaMonoNerdFont-ExtraLight.ttf') format('truetype'),
    url('../202409-KCD-Porto/fonts/CaskaydiaMonoNerdFont-LightItalic.ttf') format('truetype'),
    url('../202409-KCD-Porto/fonts/CaskaydiaMonoNerdFont-ExtraLightItalic.ttf') format('truetype'),
    url('../202409-KCD-Porto/fonts/CaskaydiaMonoNerdFont-BoldItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Apply the Nerd Font to the entire presentation */
body, .reveal, .slides, .slide, h1, h2, h3, h4, h5, p, li, blockquote, p, li {
  font-family: 'Cascadia Code Nerd Font', sans-serif; /* Apply the Cascadia Nerd Font */
  font-size: 30px; /* Default font size */
}

.reveal::before {
  content: "⚙️ Unblock Your PRs: AI-Powered CI Troubleshooting with Dagger";
  font-family: 'Cascadia Code Nerd Font', sans-serif;
  font-size: 20px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 25px;
  text-align: center;
  padding: 10px;
  background-color: #0086FF; /* Solid white background */
  color: white;
  border-bottom: 2px solid #0086FF; /* Thinner #0086FF7 line separating the header */
  font-size: .8em;
  z-index: 1000;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional: subtle shadow to separate */
}