/* Import Space Grotesk font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');

/* Logo styling */
.md-header__button.md-logo {
    margin-top: 5;
    margin-bottom: 5;
    padding-top: 5;
    padding-bottom: 5;
  }
  
  .md-header__button.md-logo img,
  .md-header__button.md-logo svg {
    height: 20%;
    width: 20%;
  }

/* Image styling */
img {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    font-size: 16px; /* Explicit font size added for any captions or alt text */
}
/* Additional font sizes for common HTML elements */
body {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    font-size: 16px; /* Base font size */
}

h1 {
    font-size: 32px; /* Primary heading */
}

h2 {
    font-size: 28px; /* Secondary heading */
}

h3 {
    font-size: 24px; /* Tertiary heading */
}

h4 {
    font-size: 20px; /* Smaller heading */
}

h5 {
    font-size: 18px; /* Even smaller heading */
}

h6 {
    font-size: 16px; /* Smallest heading, same as base */
}

p, li, a, span, div, td, th, button, input, textarea, select {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    font-size: 16px; /* Default for body text */
}

/* Smaller text, such as footnotes or captions */
small {
    font-size: 14px; /* Small text */
}