/* DEBUG MODE — TURN ON/OFF AS NEEDED 
* {
  outline: 1px solid rgba(0, 150, 255, 0.4) !important;
}
*/
/* DEBUG MODE — LAYOUT ONLY */
header, main, footer,
section, article, aside,
nav, div {
  outline: 1px dashed rgba(255, 0, 100, 0.5);
}



/**************/
/* Basic Tags */
body {
  padding-top: 42px;
  background-color: white;
}

/******************/
/* Page Container */
.page_container {
  margin: 0 auto;
  max-width: 1200px; /* or your preferred width */
  padding: 0 20px;   /* nice breathing room for phones */
}

.page_title {
  font-size: 120px;
  text-align: center;  
}


/*****************/
/* TOP Headlines */
.front_page_news {
  display: grid;
  grid-template-columns: repeat(3, 300px);
  justify-content: space-between; 
  max-width: 1200px;
  margin: 0 auto; 
  width="100%";
}

.front_page_news > div {
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}

.front_page_headlines {
  text-align: left;
  width: 30%;
}

.front_page_picture {
  text-align: left;
  width: 45%;
}

.front_page_azura {
  text-align: left;
  width: 25%;
}

/**********************/
/* TOP BAR NAVIGATION */
.topbar {
  align-items: center;
  backdrop-filter: blur(8px);
  background: rgba(42, 0, 230, 0.85);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  height: 42px;
  justify-content: center;   /* <-- centers the row */
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}

/* Links */
.topbar a {
  color: #fff;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-decoration: none;
}

/* Newspaper-clean divider (middle dot) */
.topbar a:not(:last-child)::after {
  content: "·";
  opacity: 0.5;
  margin-left: 0.75rem;       /* space before the dot */
}

/* Spacing between items */
.topbar { gap: 0.75rem; }     /* even spacing between links */