/* Main Style Sheet */

/* Body Style */
body {
    font-family: Times New Roman, serif;
    background-color: #47786b;
    color: #d3dce2;
    margin: 0;
    padding: 20px;
}

/* Header Style */
header {
    text-align: center;
    padding: 0px;
    font-family: Times New Roman, serif;
}

/* Title Text Style*/
.titletext {
  font-family: "Cormorant Garamond", serif;
  color: #d3dce2;
  font-weight: normal;
  font-size: 75px;
  font-style: italic;
  margin: 0;
  line-height: 1;
  -webkit-text-stroke: 2.5px #d3dce2;
  letter-spacing: -0.0em;

  text-shadow:
  0 1px 1px rgba(255, 255, 255, 0.8),
  0 3px 3px rgba(255,255,255,.7),
  0 7px 7px rgba(255,255,255,.5);
    
  border: 4px solid currentColor;
  border-radius: 48%;

  display: inline-block;
  padding: -0.1em 0.5em;
  box-shadow: 
  0 1px 1px rgba(255,255,255,.8),
  0 3px 3px rgba(255,255,255,.7),
  0 7px 7px rgba(255,255,255,.5);
    
}

.titletext ttvowel {
  font-style: normal;
}

/* Subtitle Text Style */
.subtitletext {
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  color: #d3a16f;
  margin-top: 15px;
  font-size: 20px;
}

/* Navigation Menu Style */

nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center; /* this is the real centering */
    gap: 10px; /* spacing between links */
    color: #d3dce2; /* Mustard */
}

nav a {
    font-family: Arial, serif;
    color: black;
    text-decoration: none;
    font-weight: normal;
    padding: 5px;
    border: 1px solid black; /* Adds a solid border */
    border-radius: 20px; /* Slightly rounded corners */
   
}

nav a:hover {
    border: 2px solid #d3dce2; 
}

/* Main Style */
main {
    max-width: 800px;
    margin: 10px auto;
    padding: 5px;
}

/* Footer Style */
footer {
    text-align: center;
    padding: 20px; /* whiteuced from 100px to prevent unnecessary space */
    margin-top: 20px;
    font-size: 0.8em;
}

/* Bullet List Style */
.bullet {
    max-width: 500px; /* Keeps it readable */
    margin: 20px auto; /* Centers it on the page */
    padding: 20px;
    border: 1px solid #d3dce2; /* Adds a solid border */
    border-color: ;
    border-radius: 0px; /* Slightly rounded corners */
    background-color: clear; /* Light background for contrast */
}

/* Letters - Index Year Format */
.letters-indexyearformat {
    width: 100%; /* Make sure it doesn’t stretch too much */
    margin: 0 auto; /* Centers the table */
    text-align: center;
}

.letters-indexyearformat td {
    vertical-align: top; /* Aligns content to the top */
    text-align: center; /* Ensures centewhite text inside */
}

.letters-indexyearformat ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block; /* Keeps the list centewhite */
}

.letters-indexyearformat li {
    text-align: center;
}