/* docs/stylesheets/extra.css */
:root {
  --md-primary-fg-color: #18144C; 
  --md-primary-fg-color--light: #262073;
  --md-primary-fg-color--dark: #0d0b2e; 
  --md-accent-fg-color: #92C04F; 
  --md-accent-fg-color--transparent: rgba(146, 192, 79, 0.1); 
  --md-text-color: #2c2c35; 
  --md-typeset-color: #2c2c35; 
  --md-typeset-a-color: #92C04F; 
}

.md-typeset a:hover {
  color: #76a03b; 
  transition: color 0.2s ease-in-out;
}

body {
  background-color: #f4f4f9;
}

h1, h2, h3 {
  color: #18144C !important; 
}

/* Float image to the left, text wraps on the right */
.img-left {
  float: left;
  margin-right: 20px; /* Adds space between image and text */
  margin-bottom: 10px;
}

/* Float image to the right, text wraps on the left */
.img-right {
  float: right;
  margin-left: 20px; /* Adds space between image and text */
  margin-bottom: 10px;
}