/* css styles */

body {
  text-align: center;
  background-color: #DEE6FC;
  color: #333;

}


main.content, #quarto-content, .page-content, body {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 auto !important;
}

.photo-masonry, .art {
  width: 100%;
  margin:0 auto;
  padding: 0 15px;
  column-count: 4;
  column-gap: 15px;
  box-sizing: border-box;
}

/* Photo styles */
.photo-masonry img, .art img, {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
  border-radius: 0;
  display: block;
  break-inside: avoid;
}

figcaption{
  display: none;
}

/*navigation head*/
.navbar {
  background-color: #09195C ;
  color:#DEE6FC ;
}


/* Global Times New Roman override */
* {
  font-family: "Times New Roman", Times, serif !important;
  letter-spacing: 0.02em; /* subtle spacing for readability */
  line-height: 1.6;
}

/* Code blocks and inline code */
code, pre, kbd, samp {
  font-family: "Times New Roman", Times, serif !important;
  letter-spacing: normal;
}

/* Headings with classic elegance */
h1, h2, h3, h4, h5, h6 {
  letter-spacing: 0.03em;
  margin-top: 1.2em;
  margin-bottom: 0.5em;
}

/* Navbar links — slightly larger & bold */
.navbar a,
.navbar-nav .nav-link {
  font-weight: bold;
  font-size: 1.05em;
  letter-spacing: 0.02em;
}

/* Buttons — more presence */
button, .btn {
  font-weight: bold;
  font-size: 1.05em;
  padding: 0.5em 1em;
}

/* Captions and small text — lighter but still readable */
.caption,
figcaption,
small {
  font-size: 0.9em;
  color: #555;
}