/* Makes all plots 50% smaller */

/* css styles */

body {
  zoom: 0.9; /* Adjust zoom level (e.g., 1.2 = 120%, 0.8 = 80%) */
}

h4 {
  font-weight: bold; /* Makes Header 4 thicker/bolder */
}

/* css styles */
/* Custom styles for Viviana's site */

/* Font customization */
body {
  font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;
  font-size: 1.05rem;
  line-height: 1.6;
  background-color: #ffffff;
  color: #333333;
}

/* Headings */
h1, h2, h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #2c3e50;
}

/* Link styles */
a {
  color: #007acc;
}
a:hover {
  color: #005a99;
  text-decoration: underline;
}

/* Navbar tweaks */
.navbar {
  background-color: #cfdcec;
  border-bottom: 1px solid #e1e1e1;
}

/* Footer styling */
.page-footer {
  font-size: 0.9rem;
  color: #6c757d;
}

/* Code blocks */
pre, code {
  background-color: #f6f8fa;
  padding: 0.25em 0.5em;
  border-radius: 4px;
  font-size: 0.95rem;
}

.scrollable-output {
  max-height: 300px; /* Adjust the height as needed */
  overflow-y: auto;  /* Enables vertical scrolling */
  overflow-x: auto;  /* Enables horizontal scrolling for wide tables */
  border: 1px solid #ccc; /* Optional: Add a border for clarity */
  padding: 10px; /* Optional: Add some padding for readability */
  background-color: #f9f9f9; /* Optional: Light background for contrast */
}

.quarto-figure {
  width: 5% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Target specific plot types if needed */
.quarto-figure .plotly, .quarto-figure .plot {
  max-width: 100px !important;
  height: auto !important;
}