/* Import Fonts */
@import url('https://fonts.googleapis.com/css2?family=Soin+Sans+Pro:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap');

/* --------------------------- */
/* Target only the site title */
a.title {
  display: block;       /* make block so it can be centered */
  text-align: center;   /* center the title */
  margin-bottom: 1rem;  /* optional spacing below */
}

a.title h1 {
  font-family: 'Soin Sans Pro', sans-serif;
  font-size: 2rem;
  font-weight: bold;
  margin: 0;            /* remove default margin */
}

/* --------------------------- */
/* Change entire page background and body font */
body {
  background-color: #000000;
  color: #ffffff; /* text color for contrast */
  font-family: 'Comic Sans MS', 'Comic Neue', sans-serif;
}

/* Navigation bar container */
nav.site-nav {
    max-width: 900px;            /* same width as content-container */
    margin: 1rem auto;            /* center horizontally and add spacing above/below */
    background-color: #1a1a1a;    /* same as previous nav bar background */
    border-radius: 8px;           /* soft corners like blockquotes */
    border: 2px solid #ff69b4;        /* pink outline */
    border-radius: 8px;               /* soft corners like blockquotes */
    box-shadow: 0 2px 6px rgba(0,0,0,0.08); /* subtle shadow */
    padding: 0.5rem 1rem;
}

/* Remove default ul styling and center items */
nav.site-nav ul {
    list-style: none;
    display: flex;
    justify-content: center; /* center links horizontally */
    gap: 2rem;               /* spacing between links */
    margin: 0;
    padding: 0;
}

/* Navigation links */
nav.site-nav a {
    color: #ffffff;          /* pink links */
    font-weight: bold;
    text-decoration: none;
    font-family: 'Soin Sans Pro', sans-serif;
}

/* Hover effect */
nav.site-nav a:hover {
    color: #ff69b4;          /* white on hover for contrast */
}

/* Highlighted text in pink */
.highlight {
    color: #ff69b4; /* pink color */
}

/* Title text */
.sans {
  font-family: 'Soin Sans Pro', sans-serif;
}

/* Title text */
.both {
  color: #ff69b4; /* pink color */
  font-family: 'Soin Sans Pro', sans-serif;
  font-weight: bold;
  font-style: normal;
}

/* Links inside blog posts or main content */
main#main-content a {
    color: #ff69b4;        /* pink links */
    text-decoration: none;  /* optional: remove underline */
}

main#main-content a:hover {
    color: #ff1493;         /* darker pink on hover */
    text-decoration: underline; /* optional: underline on hover */
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Source Sans Pro', sans-serif;
}

h1.postTitle {
    font-size: 1.65rem;  /* adjust to your preference */
}

.content-container {
    max-width: 875px;   /* adjust as desired */
    margin: 2rem auto;  /* top/bottom margin and center horizontally */
    padding: 0 1rem;    /* optional: horizontal padding */
}

p {
  text-align: justify;
}

.front-image {
  max-width: 70%;   /* shrink to 60% of container width */
  height: auto;     /* keep aspect ratio */
  display: block;   /* remove inline spacing */
  margin: 2rem auto; /* center horizontally with top/bottom space */
  border-radius: 8px; /* optional rounded corners */
}

blockquote {
  border-left: 4px solid #ff69b4;   /* pink border */
  background: #1a1a1a;              /* light pink background */
  padding: 1rem 1.5rem;
  margin: 1.5rem 0;
  border-radius: 8px;               /* soft corners */
  box-shadow: 0 2px 6px rgba(0,0,0,0.08); /* subtle shadow */
}

blockquote p {
  margin: 0;  /* remove default extra spacing */
}

header h1.title, h1.title {
  display: block;         /* ensures block-level */
  text-align: center;     /* center text */
  font-family: 'Soin Sans Pro', sans-serif;
  font-size: 2rem;
  font-weight: bold;
  margin: 1rem 0;
}

a.skip-link {
    display: none !important;
}

.blog-posts li {
  display: flex;
  align-items: center;
  gap: 20px;  /* controls spacing between date and title */
}

.blog-posts li time {
  color: #ffffff; /* optional: make dates a bit lighter */
}