/* Import the VT323 font for that genuine retro terminal look */
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

body {
    font-family: 'VT323', monospace;
    /* A very dark, warm charcoal background */
    background-color: #0A0805;
    /* The classic Amber color */
    color: #33FF33;
    /* Slightly larger text, as VT323 runs a bit small */
    font-size: 24px;
    display: flex;          
    flex-direction: column; 
    min-height: 100vh;
    margin: 0;              
}

/* Target all headers for the CRT glow effect */
h1, h2, h3 {
    /* Softened the glow: 5px blur with 50% transparency instead of solid hex */
    text-shadow: 0 0 5px rgba(255, 176, 0, 0.5);
    letter-spacing: 2px;
}

.header {
    /* Swapped solid line for a dashed amber line */
    border-bottom: 2px dashed #33FF33;
    padding: 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

/* This holds both the sidebar and the main content area */
.content-container {
    display: flex;       
    flex: 1;             
}

.left_bar {
    /* Swapped solid line for a dashed amber line */
    border-right: 2px dashed #33FF33;
    padding: 20px;
    width: 200px;
    flex-shrink: 0; 
}

.main_content {
    padding: 20px 20px 20px 30px; 
    flex: 1;        
}

/* Base link style */
a {
    color: #FFB000;
    text-decoration: none; 
    padding: 2px 5px; /* Adds space for the background hover block */
    transition: all 0.1s ease;
}

/* The solid block cursor hover effect */
a:hover {
    background-color: #FFB000;
    color: #0A0805; 
    box-shadow: 0 0 8px #FFB000; 
}

/* --- COMMAND LINE LISTS --- */

ul {
    list-style: none; /* Removes standard browser bullets */
    padding-left: 20px;
}

ul li {
    position: relative;
    margin-bottom: 8px;
}

/* Injects a greater-than sign before each list item */
ul li::before {
    content: ">";
    position: absolute;
    left: -20px;
    color: #FFB000;
    text-shadow: 0 0 3px #FFB000; 
}

/* Dims your completed (strikethrough) items in 'The Plan' */
s, strike, del {
    opacity: 0.5; 
}


hr {
    border: none;
    border-top: 1px dashed #33FF33;
    opacity: 0.5; /* Dims it slightly so it doesn't compete with headers */
}

.align_center {
  display:block;
  margin: 0px auto;
}

.tiny {
  width: 500px;
  
}