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

:root {
  --amazon-orange: #ff9900;
  --amazon-squid-ink: #232f3e;

  --md-primary-bg-color: white;
  --md-primary-fg-color: var(--amazon-squid-ink);
  --md-accent-fg-color: var(--amazon-orange);

  --md-default-fg-color--light: #606060;
  --md-default-fg-color--lighter: #909090;
  --md-default-fg-color--lightest: #c0c0c0;
}

:root .highlight > * {
  /* Code color shades */
  /* --md-code-fg-color: #c9d1d9;
  --md-code-bg-color: #0d1117; */

  /* Code highlighting color shades */
  /* --md-code-hl-color: rgba(187, 128, 9, 0.25);
  --md-code-hl-number-color: #56d364;
  --md-code-hl-special-color: #388bfd;
  --md-code-hl-function-color: #d2a8ff;
  --md-code-hl-constant-color: #79c0ff;
  --md-code-hl-keyword-color: #ff7b72;
  --md-code-hl-string-color: #a5d6ff;
  --md-code-hl-name-color: #d2a8ff;
  --md-code-hl-operator-color: #79c0ff;
  --md-code-hl-punctuation-color: #c9d1d9;
  --md-code-hl-comment-color: #8b949e;
  --md-code-hl-generic-color: #c9d1d9;
  --md-code-hl-variable-color: #ffa657;*/

  /* Typeset color shades */
  --md-typeset-color: var(--md-primary-fg-color);
  --md-typeset-a-color: var(--md-accent-fg-color);

  /* Typeset `mark` color shades */
  --md-typeset-mark-color: #f00;

  /* Typeset `del` and `ins` color shades */
  --md-typeset-del-color: rgba(218, 54, 51, 0.15);
  --md-typeset-ins-color: rgba(35, 134, 54, 0.15);

  /* Footer color shades */
  --md-footer-fg-color: white;
  --md-footer-fg-color--light: var(--md-default-fg-color--lighter);
  --md-footer-fg-color--lighter: var(--md-default-fg-color--lightest);
  --md-footer-bg-color: var(--amazon-squid-ink);
  --md-footer-bg-color--dark: var(--amazon-squid-ink);
}

body {
  font-family: 'Roboto', 'Helvetica Neue', Roboto, Arial, sans-serif;
}

code,
pre,
kbd {
  font-family: Monaco, Menlo, Consolas, 'Courier Prime', Courier, 'Courier New', monospace;
}

.md-logo img {
  width: auto !important;
  height: 3rem !important;
}

.md-tabs__link--active,
.md-nav__item .md-nav__link--active {
  color: var(--md-accent-fg-color);
  font-weight: bolder;
}

/* Custom look for highlighted lines */
.highlight .hll {
  box-shadow: inset 4px 0 0 var(--amazon-orange);
  border-collapse: collapse;
}

/* Custom look for console session rendering */
.highlight .gp {
  color: var(--md-code-hl-special-color);
}
.highlight .go {
  color: var(--md-code-hl-comment-color);
}

/* Custom look for arbitrary names */
.highlight .nx {
  color: var(--md-code-hl-name-color);
}

/* Custom look for links */
.md-typeset a {
  color: #5b79a0;
}

/* Required so compliance table is fully visible */
.md-content {
  overflow: initial;
}

.md-grid {
  max-width: 75rem !important;
}

.md-nav__link {
  overflow: unset;
}

.md-content__button {
  visibility: hidden;
}

.workshop-image {
  border: 2px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  margin: 20px auto;
  width: auto;
  max-width: 800px;
  display: block;
}

.workshop-image:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.workshop-congrats-box {
  border: 2px solid green;
  border-radius: 8px;
  background-color: #f0fdf4;
  padding: 10px;
}

.workshop-congrats-title {
  color: green;
}

.note {
  background-color: #e7f5ff; /* Light blue background */
  border-left: 4px solid #1c7ed6; /* Blue left border */
  padding: 10px;
  margin: 20px 0;
  border-radius: 4px;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

.note strong {
  color: #1c7ed6; /* Blue text for strong elements */
}