/* Shiny Grey Star - https://www.cursors-4u.com/cursor/shiny-grey-star */
* {
  cursor: url('https://cdn.cursors-4u.net/css-previews/shiny-grey-star-c25c1db3-css.webp') 0 0, auto !important;
}
/* End www.Cursors-4U.com Code */


/* 1. Global Themes & Colors */
:root {
  --bg-color: #e6e0e3;       /* grey background */
  --box-bg: #ffffff;         /* Pure white background for boxes */
  --border-color: #ff3893;   /* Solid h pink borders */
  --pink-accent: #ff66b2;    /* The custom flashing text color */
  --link-color: #0044cc;     /* Standard link color */
}

/* 2. Page Defaults */
body {
  background-color: var(--bg-color);
  font-family: 'Verdana', sans-serif;
  margin: 0;
  padding: 20px;
}

/* 3. The Layout Wrapper */
.site-wrapper {
  max-width: 950px;
  margin: 0 auto;
  display: flex;
  gap: 15px; /* Spaces out the columns */
}

/* 4. Global Column Rules (The custom boxes) */
.column {
  background-color: var(--box-bg);
  border: 2px solid var(--border-color);
  /* Creates the signature asymmetrical chunky corners */
  border-radius: 12px 4px 12px 4px; 
  padding: 15px;
  box-shadow: 4px 4px 0px var(--border-color); /* Flat retro shadow effect */
}

/* Individual Column Width Assignments */
.left-sidebar {
  flex: 1; /* Narrow side column */
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.main-content {
  flex: 3; /* Wide main center area */
}

.right-sidebar {
  flex: 1.2; /* Slightly wider side column for widgets */
}

/* 5. Navigation Link Styles */
.left-sidebar a {
  text-decoration: none;
  color: var(--link-color);
  font-weight: bold;
  padding: 4px 0;
}

.left-sidebar a:hover {
  text-decoration: underline;
  color: var(--pink-accent);
}

/* 6. Custom Text Animations */
.text-flash {
  font-size: 22px;
  animation: colorPulse 1.5s infinite alternate;
}

/* This controls the speed and change of the pulsing color text */
@keyframes colorPulse {
  0% {
    color: var(--border-color);
  }
  100% {
    color: var(--pink-accent);
  }
}

.update-log {
  font-size: 13px;
  border-top: 1px dashed var(--border-color);
  padding-top: 5px;
}