diff --git a/docker/resume/index.html b/docker/resume/index.html
index f7325b5..7109a44 100644
--- a/docker/resume/index.html
+++ b/docker/resume/index.html
@@ -5,189 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="Colin Knapp - Cybersecurity Expert and Software Developer Portfolio">
     <title>Colin Knapp Portfolio</title>
-    <style>
-        :root {
-            --primary-color: #00ff00;
-            --primary-hover: #00cc00;
-            --bg-color: #ffffff;
-            --text-color: #1a1a1a;
-            --heading-color: #2c3e50;
-            --link-color: #0066cc;
-            --link-hover: #004499;
-            --border-color: #e0e0e0;
-            --code-bg: #f5f5f5;
-            --shadow-color: rgba(0, 0, 0, 0.1);
-        }
-
-        [data-theme="dark"] {
-            --bg-color: #1a1a1a;
-            --text-color: #e0e0e0;
-            --heading-color: #ffffff;
-            --link-color: #66b3ff;
-            --link-hover: #99ccff;
-            --border-color: #333333;
-            --code-bg: #2d2d2d;
-            --shadow-color: rgba(0, 0, 0, 0.3);
-        }
-
-        @media (prefers-color-scheme: dark) {
-            :root:not([data-theme]) {
-                --bg-color: #1a1a1a;
-                --text-color: #e0e0e0;
-                --heading-color: #ffffff;
-                --link-color: #66b3ff;
-                --link-hover: #99ccff;
-                --border-color: #333333;
-                --code-bg: #2d2d2d;
-                --shadow-color: rgba(0, 0, 0, 0.3);
-            }
-        }
-
-        body {
-            font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
-            line-height: 1.6;
-            max-width: 1000px;
-            margin: 0 auto;
-            padding: 2rem;
-            color: var(--text-color);
-            background-color: var(--bg-color);
-            transition: background-color 0.3s, color 0.3s;
-        }
-
-        h1, h2, h3, h4 {
-            color: var(--heading-color);
-            margin-top: 1.5em;
-            font-weight: 600;
-        }
-
-        h1 {
-            font-size: 2.5rem;
-            border-bottom: 2px solid var(--primary-color);
-            padding-bottom: 0.5rem;
-        }
-
-        a {
-            color: var(--link-color);
-            text-decoration: none;
-            border-bottom: 1px solid transparent;
-            transition: border-color 0.3s, color 0.3s;
-        }
-
-        a:hover, a:focus {
-            color: var(--link-hover);
-            border-bottom-color: var(--link-hover);
-            outline: none;
-        }
-
-        ul {
-            padding-left: 1.5em;
-        }
-
-        hr {
-            border: none;
-            border-top: 1px solid var(--border-color);
-            margin: 2em 0;
-        }
-
-        .container-fluid {
-            width: 100%;
-            padding-right: 15px;
-            padding-left: 15px;
-            margin-right: auto;
-            margin-left: auto;
-        }
-
-        .theme-switch {
-            position: fixed;
-            top: 1rem;
-            right: 1rem;
-            z-index: 1000;
-        }
-
-        .theme-switch button {
-            background: var(--bg-color);
-            border: 2px solid var(--primary-color);
-            color: var(--text-color);
-            padding: 0.75rem 1.25rem;
-            border-radius: 4px;
-            cursor: pointer;
-            font-family: inherit;
-            transition: all 0.3s;
-            min-width: 3.5rem;
-            min-height: 3.5rem;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            position: relative;
-            box-shadow: 0 0 10px rgba(0, 255, 0, 0.2);
-        }
-
-        .theme-switch button:focus {
-            outline: 3px solid var(--primary-color);
-            outline-offset: 2px;
-            box-shadow: 0 0 15px rgba(0, 255, 0, 0.4);
-        }
-
-        .theme-switch button:hover {
-            background: var(--primary-color);
-            color: var(--bg-color);
-            transform: scale(1.05);
-            box-shadow: 0 0 20px rgba(0, 255, 0, 0.6);
-        }
-
-        .theme-switch button:active {
-            transform: scale(0.95);
-        }
-
-        .theme-switch button::after {
-            content: attr(aria-label);
-            position: absolute;
-            bottom: -2.5rem;
-            left: 50%;
-            transform: translateX(-50%);
-            background: var(--bg-color);
-            color: var(--text-color);
-            padding: 0.5rem 1rem;
-            border-radius: 4px;
-            font-size: 0.875rem;
-            white-space: nowrap;
-            opacity: 0;
-            visibility: hidden;
-            transition: opacity 0.3s, visibility 0.3s;
-            border: 1px solid var(--border-color);
-            box-shadow: 0 2px 5px var(--shadow-color);
-        }
-
-        .theme-switch button:hover::after {
-            opacity: 1;
-            visibility: visible;
-        }
-
-        @media (prefers-reduced-motion: reduce) {
-            .theme-switch button,
-            .theme-switch button::after {
-                transition: none;
-            }
-        }
-
-        .highlight {
-            background-color: var(--primary-color);
-            color: var(--bg-color);
-            padding: 0.2em 0.4em;
-            border-radius: 3px;
-            font-weight: bold;
-        }
-
-        @media (max-width: 768px) {
-            body {
-                padding: 1rem;
-            }
-            
-            h1 {
-                font-size: 2rem;
-            }
-        }
-    </style>
+    <link rel="stylesheet" href="styles.css">
 </head>
 <body>
     <div class="theme-switch">