@import url("https://fonts.googleapis.com/css2?family=Jersey+10&display=swap");
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* BODY + BACKGROUND IMAGE */
body {
  font-family: "Jersey 10", sans-serif;
  color: #fff;
  text-shadow: rgb(0, 0, 0) 0em 0.075em, rgb(0, 0, 0) 0.029em 0.069em, rgb(0, 0, 0) 0.053em 0.053em, rgb(0, 0, 0) 0.069em 0.029em, rgb(0, 0, 0) 0.075em 0em, rgb(0, 0, 0) 0.069em -0.029em, rgb(0, 0, 0) 0.053em -0.053em, rgb(0, 0, 0) 0.029em -0.069em, rgb(0, 0, 0) 0em -0.075em, rgb(0, 0, 0) -0.029em -0.069em, rgb(0, 0, 0) -0.053em -0.053em, rgb(0, 0, 0) -0.069em -0.029em, rgb(0, 0, 0) -0.075em 0em, rgb(0, 0, 0) -0.069em 0.029em, rgb(0, 0, 0) -0.053em 0.053em, rgb(0, 0, 0) -0.029em 0.069em, rgb(0, 0, 0) 1px 1px 1px;

  /* Background image */
  background-image: url("https://github.com/ghostsofsteel/pmd/blob/main/large.D13P11A.png.eeb0ed3f300b95a8ea788a955abeeee2.png?raw=true");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
a {
  color: #66dfff;
  font-weight:bold;
}
a:hover {
  color: #00c0ff;
  text-decoration: none!important;
}
/* HEADER */
.site-header {
  text-align: center;
  padding: 25px;
  margin: 15px;

  /* Glass effect */
  background: rgba(255, 210, 170, 0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 1px 1px 5px #000;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.3);
}
f
.site-header h1 {
  font-size: 2.5em;
}

.tagline {
  font-size: 0.9em;
}

/* LAYOUT */
.layout {
  display: grid;
  grid-template-columns: 220px 1fr 220px;
  gap: 15px;
  padding: 15px;
}

/* SIDEBARS */
.sidebar {
  padding: 15px;
  border-radius: 10px;

  /* Glass effect */
  background: rgba(200, 180, 160, 0.35);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 1px 1px 5px #000;
  border: 1px solid rgba(255,255,255,0.25);
}

.sidebar h2 {
  margin-bottom: 10px;
}

.sidebar ul {
  list-style: none;
}

.sidebar li {
  margin-bottom: 8px;
}

.sidebar a {
  text-decoration: none;
}

.sidebar a:hover {
  text-decoration: underline;
}

/* SIDEBAR BOX */
.sidebar-box {
  margin-top: 15px;
  padding: 10px;
  border-radius: 8px;

  background: linear-gradient(
    180deg,
    rgba(47, 55, 60, 0.85) 0%,
    rgba(30, 37, 41, 0.9) 100%
  );



  position: relative; 
}
.sidebar-box::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 8px;

  background: linear-gradient(
    90deg,
    #00c0ff 0%,
    #66dfff 25%,
    #ffffff 50%,
    #66dfff 75%,
    #00c0ff 100%
  );

  /* creates border effect */
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  pointer-events: none;
}
/* MAIN CONTENT */
.content {
  padding: 15px;
  border-radius: 10px;

  background: rgba(240, 220, 200, 0.4);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 1px 1px 5px #000;
  border: 1px solid rgba(255,255,255,0.3);
}

/* SECTION */
.content-section {
  margin-bottom: 25px;
}

.section-title {
  padding: 8px;
  border-radius: 6px;
  margin-bottom: 10px;
}

/* CONTENT BOXES */
/* SMALL CONTENT BOXES (notices, posts, etc.) */
.content-box,
.post {
  position: relative;
  padding: 12px;
  margin-bottom: 12px;
  border-radius: 8px;

  /* Dark gradient background (from your old style, slightly transparent) */
  background: linear-gradient(
    180deg,
    rgba(47, 55, 60, 0.85) 0%,
    rgba(30, 37, 41, 0.9) 100%
  );
}

/* Gradient border using pseudo-element */
.content-box::after,
.post::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 8px;

  background: linear-gradient(
    90deg,
    #00c0ff 0%,
    #66dfff 25%,
    #ffffff 50%,
    #66dfff 75%,
    #00c0ff 100%
  );

  /* creates border effect */
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  pointer-events: none;
}

/* Keep your variants but adapt to dark theme */
.notice {
  background: linear-gradient(
    180deg,
    rgba(40, 70, 60, 0.9),
    rgba(20, 40, 35, 0.95)
  );
}

.warning {
  background: linear-gradient(
    180deg,
    rgba(80, 40, 40, 0.9),
    rgba(40, 20, 20, 0.95)
  );
}
h1, h2, h3 {
font-weight: bold;
}
/* Text tweaks for readability */
.post-title,
.content-box h3 {

}

.post-meta {

}

/* FOOTER */
.site-footer {
  text-align: center;
  padding: 15px;
  margin: 15px;

  background: rgba(180, 150, 120, 0.4);
  backdrop-filter: blur(10px);
  box-shadow: 1px 1px 5px #000;
  border-radius: 10px;
}