/* styles.css */

.callout-note {
  --quarto-callout-color: #501214 !important;
  
  border-left: solid #501214 .3rem !important;
  border-right: solid 0.5px black !important;
  border-top: solid 0.5px black !important;
  border-bottom: solid 0.5px black !important;
  border-radius: .25rem;
  background-color: transparent !important;
}

.callout-note .callout-header {
  color: black !important;
  background-color: transparent !important;
}

.callout-note .callout-icon-container i {
  color: #501214 !important;
}


.hex-row {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(2, auto);
  gap: 1rem;
  justify-content: center;
}

.hex-row img {
  width: 120px;
  height: auto;
}

.hex-row img:nth-child(even) {
  transform: translateY(20px);
}