extract css

styles.css

@@ -0,0 +1,111 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+body {
+    min-height: 100vh;
+    background: #1a1a1a;
+    font-family: monospace;
+    color: #e0e0e0;
+    padding: 20px;
+    line-height: 1.6;
+    text-shadow: 0 0 5px rgba(224, 224, 224, 0.2);
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    color: #00a4dc;
+    margin: 20px 0 10px;
+    text-shadow: 0 0 8px rgba(0, 164, 220, 0.4);
+}
+h1 {
+    font-size: 28px;
+    border-bottom: 1px solid #333;
+    padding-bottom: 10px;
+}
+h2 {
+    font-size: 22px;
+}
+h3 {
+    font-size: 18px;
+}
+p {
+    margin: 10px 0;
+}
+a {
+    color: #888;
+    text-decoration: none;
+    transition: all 0.2s ease;
+}
+a:hover {
+    color: #e0e0e0;
+    text-shadow: 0 0 10px rgba(224, 224, 224, 0.5);
+}
+code {
+    background: #0a0a0a;
+    padding: 2px 6px;
+    border: 1px solid #333;
+    font-size: 13px;
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
+}
+pre {
+    background: #0a0a0a;
+    border: 1px solid #333;
+    padding: 15px;
+    overflow-x: auto;
+    margin: 15px 0;
+    box-shadow: 0 0 10px rgba(0, 164, 220, 0.1);
+}
+pre code {
+    background: none;
+    border: none;
+    padding: 0;
+    box-shadow: none;
+}
+blockquote {
+    border-left: 3px solid #333;
+    padding-left: 15px;
+    color: #888;
+    margin: 15px 0;
+}
+ul,
+ol {
+    margin: 10px 0 10px 20px;
+}
+li {
+    margin: 5px 0;
+}
+hr {
+    border: none;
+    border-top: 1px solid #333;
+    margin: 20px 0;
+}
+img {
+    max-width: 100%;
+    height: auto;
+    border: 1px solid #333;
+    margin: 10px 0;
+    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
+}
+table {
+    border-collapse: collapse;
+    width: 100%;
+    margin: 15px 0;
+}
+th,
+td {
+    border: 1px solid #333;
+    padding: 8px 12px;
+    text-align: left;
+}
+th {
+    background: #222;
+    color: #00a4dc;
+}
+tr:nth-child(even) {
+    background: #111;
+}