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

.reveal {
  font-family: 'Inter', 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 1.8em;
  color: #222222;
  background-color: white;
}

.reveal h1, .reveal h2, .reveal h3 {
  font-weight: 700;
}

.reveal .slides {
  padding-top: 0 !important;
}

.reveal .slide {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.reveal section {
  top: 0 !important;
}

#bigger-callout {
  font-size: 1.15em; /* Adjust the value as needed */
}

/* Center Observable sliders inside slide */
.observablehq--input {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  margin-bottom: 10em;
}

/* Make slider fill most of the slide width, max 900px */
.observablehq .observablehq--input input[type="range"] {
  width: 100% !important;
  max-width: 1800px !important;
}
.reveal .mermaid {
  width: 95% !important;
  height: auto !important;
  font-size: 20px !important; /* fallback if themeVariables fails */
  display: block;
  margin: 0 auto;
}
.absolute-box {
  position: absolute;
  width: 31%;
  background: #f2c186;     /* post-it color */
  padding: 2em;
  border-radius: 8px;
  box-shadow: 3px 3px 8px rgba(0,0,0,0.25);
  transform: rotate(-2deg); /* “post-it” feel */
}


.rot1 { transform: rotate(-5deg); }
.rot2 { transform: rotate(3deg); }
.rot3 { transform: rotate(-8deg); }
.rot4 { transform: rotate(6deg); }

.color1 { background: #fff9c4; }  /* yellow */
.color2 { background: #c8e6c9; }  /* green */
.color3 { background: #bbdefb; }  /* blue */
.color4 { background: #ffe0b2; }  /* orange */