TiLeMo/brutalnotes-acid-wiki-notebook

1/* Global Styles */2:root {3    --accent-color: #ff0;4    --bg-color: #000;5    --text-color: #fff;6    --border-color: #fff;7    --secondary-bg: #111;8}9 10body {11    background: var(--bg-color);12    color: var(--text-color);13    font-family: 'Courier New', monospace;14    line-height: 1.6;15}16 17/* Typography */18h1, h2, h3, h4 {19    margin: 0 0 1rem 0;20    text-transform: uppercase;21}22 23/* Layout */24.container {25    display: flex;26    flex: 1;27}28 29/* Posts Feed */30.post {31    margin-bottom: 2rem;32    position: relative;33}34 35.post:hover {36    border-color: var(--accent-color);37}38 39.post-content img {40    max-width: 100%;41    height: auto;42    border: 2px solid var(--border-color);43}44 45/* PDF Viewer */46.pdf-viewer-container {47    position: relative;48}49 50.pdf-controls {51    position: absolute;52    bottom: 0;53    left: 0;54    right: 0;55    background: rgba(0,0,0,0.7);56    padding: 0.5rem;57    display: flex;58    justify-content: center;59    gap: 1rem;60}61 62/* Animations */63@keyframes fadeIn {64    from { opacity: 0; }65    to { opacity: 1; }66}67 68.post {69    animation: fadeIn 0.3s ease-in;70}71 72/* Responsive */73@media (max-width: 768px) {74    .container {75        flex-direction: column;76    }77    78    .sidebar {79        width: 100%;80        border-right: none;81        border-bottom: 4px solid var(--border-color);82    }83}