diff --git a/_headers b/_headers
deleted file mode 100644
index b75a3cb..0000000
--- a/_headers
+++ /dev/null
@@ -1,6 +0,0 @@
-/style.css
-  Cache-Control: public, max-age=0, must-revalidate
-/index.html
-  Cache-Control: public, max-age=0, must-revalidate
-/
-  Cache-Control: public, max-age=0, must-revalidate
diff --git a/index.html b/index.html
index e29c64a..ab9ae83 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,404 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content="Hi! I'm Tyler" />
     <link rel="icon" type="image/x-icon" href="./favicon.ico" />
-    <link rel="stylesheet" href="./style.css" />
+    <style>
+      :root {
+       --background-light: #f9f9f9;
+       --text-primary-light: #222222;
+       --text-secondary-light: #4a4a4a;
+       --accent-light: #007aff;
+       --border-light: #e0e0e0;
+       --shadow-light: rgba(0, 0, 0, 0.1);
+
+       --background-dark: #1a1a1a;
+       --text-primary-dark: #f5f5f5;
+       --text-secondary-dark: #cccccc;
+       --accent-dark: #00bfff;
+       --border-dark: #333333;
+       --shadow-dark: rgba(255, 255, 255, 0.1);
+
+       --font-stack: Chalkboard, ChalkboardSE-Regular, ChalkboardSE, ChalkDuster, Comic Sans MS, comic-sans, sans-serif;
+      }
+
+      h1 {
+       font-size: 3rem;
+       margin-top: 0.5rem;
+      }
+
+      a {
+       color: unset;
+      }
+
+      /* Light Theme */
+      body {
+       background-color: var(--background-light);
+       color: var(--text-primary-light);
+       font-family: var(--font-stack);
+      }
+
+      body a:hover {
+       color: var(--accent-light);
+      }
+
+      button {
+       /* Remove all default styling */
+       background: none;
+       border: none;
+       padding: 0;
+       margin: 0;
+       font: inherit;
+       color: inherit;
+       cursor: pointer;
+       outline: none;
+
+       /* Fix for odd text sizing in some browsers */
+       line-height: normal;
+
+       /* Prevent text selection */
+       -webkit-user-select: none;
+       -moz-user-select: none;
+       -ms-user-select: none;
+       user-select: none;
+
+       /* Remove default focus styles */
+       -webkit-tap-highlight-color: transparent;
+      }
+
+      button:focus-visible {
+       outline: 2px solid #4d90fe;
+       outline-offset: 2px;
+      }
+
+      button::-moz-focus-inner {
+       border: 0;
+       padding: 0;
+      }
+
+      body button {
+       background: none;
+       color: unset;
+      }
+      body button:hover {
+       color: var(--accent-light);
+      }
+
+      body .secondary-text {
+       color: var(--text-secondary-light);
+      }
+
+      body .border {
+       border-color: var(--border-light);
+      }
+
+      body .shadow {
+       box-shadow: 0 2px 4px var(--shadow-light);
+      }
+
+      svg.logo {
+       --logo-size: min(60vh, 90vw);
+       height: var(--logo-size);
+       width: var(--logo-size);
+       max-width: 100%;
+       /* the drawing has blank space above and below; pull neighbours into it */
+       margin-top: calc(var(--logo-size) * -0.17);
+       margin-bottom: calc(var(--logo-size) * -0.25);
+      }
+
+      html {
+       height: 100%;
+       width: 100%;
+       overflow-x: clip;
+      }
+
+      body {
+       overflow-x: hidden;
+       display: flex;
+       justify-content: center;
+       align-items: center;
+       flex-direction: column;
+       height: 100%;
+       width: 100%;
+       margin: auto;
+       text-align: center;
+      }
+
+      .links {
+       display: flex;
+       flex-wrap: wrap;
+       justify-content: center;
+       align-items: center;
+       margin: 0 1.25rem;
+       gap: 1.25rem;
+      }
+
+      .links svg {
+       height: 2.5rem;
+       width: 2.5rem;
+       vertical-align: middle;
+      }
+
+      .links a,
+      .links button {
+       display: flex;
+       flex-direction: column;
+       align-items: center;
+       gap: 0.35rem;
+       text-decoration: none;
+      }
+
+      .label {
+       display: inline-block;
+       font-size: 0.8rem;
+       line-height: 1;
+       transform: rotate(-7deg);
+       transition: transform 200ms;
+      }
+
+      .links > :nth-child(even) .label {
+       transform: rotate(6deg);
+      }
+
+      .links > :hover .label,
+      .links > :focus-visible .label {
+       transform: rotate(0deg) scale(1.1);
+      }
+
+      h2 {
+       font-size: 1.5rem;
+       margin: 2rem 0 0.75rem;
+      }
+
+      .chalky-link img {
+       height: 4.5rem;
+       width: auto;
+      }
+
+      body a[title="bluesky"]:hover {
+       color: #0085ff;
+      }
+
+      .leaflet-link svg {
+       width: auto;
+      }
+
+      body a.leaflet-link:hover {
+       color: #639431;
+      }
+
+      @media (prefers-color-scheme: dark) {
+       body {
+        background-color: var(--background-dark);
+        color: var(--text-primary-dark);
+        font-family: var(--font-stack);
+       }
+
+       body a:hover {
+        color: var(--accent-dark);
+       }
+
+       body .secondary-text {
+        color: var(--text-secondary-dark);
+       }
+
+       body .border {
+        border-color: var(--border-dark);
+       }
+
+       body .shadow {
+        box-shadow: 0 2px 4px var(--shadow-dark);
+       }
+
+       body a[title="bluesky"]:hover {
+        color: #0085ff;
+       }
+
+       body a.leaflet-link:hover {
+        color: #639431;
+       }
+
+       .leaflet-inner {
+        fill: var(--background-dark);
+       }
+      }
+
+      .bluesky-flutter {
+       display: flex;
+       gap: 0.5em;
+       align-items: center;
+      }
+
+      .bluesky-flutter svg {
+       width: 2em;
+       height: 2em;
+       transition: 200ms;
+      }
+
+      .bluesky-flutter .left {
+       transform-origin: center;
+      }
+      .bluesky-flutter .right {
+       transform-origin: center;
+       transform: scale(-1, 1);
+      }
+      .bluesky-flutter:hover .left,
+      .bluesky-flutter:focus .left {
+       animation: flutter 430ms ease-in-out;
+       --flip: 1;
+      }
+      .bluesky-flutter:hover .right,
+      .bluesky-flutter:focus .right {
+       animation: flutter 500ms ease-in-out;
+       --flip: -1;
+      }
+      .bluesky-flutter:hover svg,
+      .bluesky-flutter:focus svg {
+       transform: rotate(-5deg);
+       transition: 500ms;
+      }
+
+      @media (prefers-reduced-motion) {
+       .bluesky-flutter:hover .left,
+       .bluesky-flutter:focus .left,
+       .bluesky-flutter:hover .right,
+       .bluesky-flutter:focus .right {
+        animation: none;
+       }
+      }
+
+      @keyframes flutter {
+       10% {
+        transform: scale(calc(var(--flip) * 1), 0.9);
+       }
+       20% {
+        transform: scale(calc(var(--flip) * 0.5), 1);
+       }
+       40% {
+        transform: scale(calc(var(--flip) * 0.9), 0.95);
+       }
+       60% {
+        transform: scale(calc(var(--flip) * 0.3), 1);
+       }
+       80% {
+        transform: scale(calc(var(--flip) * 0.9), 0.95);
+       }
+       100% {
+        transform: scale(calc(var(--flip) * 1), 1);
+       }
+      }
+
+      /* Email dialog */
+      dialog#email-dialog {
+       position: fixed;
+       inset: 0;
+       margin: auto;
+       padding: 2.25rem 2.5rem 1.75rem;
+       border: 3px solid var(--text-primary-light);
+       border-radius: 1.25rem;
+       background-color: var(--background-light);
+       color: var(--text-primary-light);
+       font-family: var(--font-stack);
+       text-align: center;
+       max-width: min(90vw, 26rem);
+       box-shadow: 0 8px 24px var(--shadow-light);
+       transform: rotate(-1.5deg);
+      }
+
+      dialog#email-dialog:focus,
+      dialog#email-dialog:focus-visible {
+       outline: none;
+      }
+
+      dialog#email-dialog::backdrop {
+       background: rgba(0, 0, 0, 0.45);
+       backdrop-filter: blur(2px);
+      }
+
+      .dialog-close {
+       position: absolute;
+       top: 0.6rem;
+       right: 0.6rem;
+       width: 1.75rem;
+       height: 1.75rem;
+       display: flex;
+       align-items: center;
+       justify-content: center;
+      }
+
+      .dialog-close svg {
+       width: 1.1rem;
+       height: 1.1rem;
+      }
+
+      .email-row {
+       display: flex;
+       flex-wrap: wrap;
+       justify-content: center;
+       align-items: center;
+       gap: 0.75rem;
+      }
+
+      #email-address {
+       font-family: var(--font-stack);
+       font-size: 1.2rem;
+       padding: 0.4rem 0.8rem;
+       border: 2px dashed currentColor;
+       border-radius: 0.6rem;
+       user-select: all;
+      }
+
+      .copy-button {
+       display: inline-flex;
+       align-items: center;
+       gap: 0.35rem;
+       padding: 0.4rem 0.8rem;
+       border: 2px solid currentColor;
+       border-radius: 0.6rem;
+       font-size: 1rem;
+       transition: transform 150ms;
+      }
+
+      .copy-button:hover {
+       transform: rotate(2deg) scale(1.05);
+      }
+
+      .copy-button svg {
+       width: 1.1rem;
+       height: 1.1rem;
+      }
+
+      .copy-button .check-icon {
+       display: none;
+      }
+
+      .copy-button.copied {
+       color: #2e9e5b;
+      }
+
+      .copy-button.copied .copy-icon {
+       display: none;
+      }
+
+      .copy-button.copied .check-icon {
+       display: block;
+      }
+
+      @media (prefers-color-scheme: dark) {
+       dialog#email-dialog {
+        border-color: var(--text-primary-dark);
+        background-color: var(--background-dark);
+        color: var(--text-primary-dark);
+        box-shadow: 0 8px 24px var(--shadow-dark);
+       }
+
+       dialog#email-dialog::backdrop {
+        background: rgba(0, 0, 0, 0.6);
+       }
+
+       .copy-button.copied {
+        color: #5ed48a;
+       }
+      }
+    </style>
   </head>
   <body>
     <svg
diff --git a/style.css b/style.css
deleted file mode 100644
index 7bf6b3a..0000000
--- a/style.css
+++ /dev/null
@@ -1,395 +0,0 @@
-:root {
- --background-light: #f9f9f9;
- --text-primary-light: #222222;
- --text-secondary-light: #4a4a4a;
- --accent-light: #007aff;
- --border-light: #e0e0e0;
- --shadow-light: rgba(0, 0, 0, 0.1);
-
- --background-dark: #1a1a1a;
- --text-primary-dark: #f5f5f5;
- --text-secondary-dark: #cccccc;
- --accent-dark: #00bfff;
- --border-dark: #333333;
- --shadow-dark: rgba(255, 255, 255, 0.1);
-
- --font-stack: Chalkboard, ChalkboardSE-Regular, ChalkboardSE, ChalkDuster, Comic Sans MS, comic-sans, sans-serif;
-}
-
-h1 {
- font-size: 3rem;
- margin-top: 0.5rem;
-}
-
-a {
- color: unset;
-}
-
-/* Light Theme */
-body {
- background-color: var(--background-light);
- color: var(--text-primary-light);
- font-family: var(--font-stack);
-}
-
-body a:hover {
- color: var(--accent-light);
-}
-
-button {
- /* Remove all default styling */
- background: none;
- border: none;
- padding: 0;
- margin: 0;
- font: inherit;
- color: inherit;
- cursor: pointer;
- outline: none;
-
- /* Fix for odd text sizing in some browsers */
- line-height: normal;
-
- /* Prevent text selection */
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-
- /* Remove default focus styles */
- -webkit-tap-highlight-color: transparent;
-}
-
-button:focus-visible {
- outline: 2px solid #4d90fe;
- outline-offset: 2px;
-}
-
-button::-moz-focus-inner {
- border: 0;
- padding: 0;
-}
-
-body button {
- background: none;
- color: unset;
-}
-body button:hover {
- color: var(--accent-light);
-}
-
-body .secondary-text {
- color: var(--text-secondary-light);
-}
-
-body .border {
- border-color: var(--border-light);
-}
-
-body .shadow {
- box-shadow: 0 2px 4px var(--shadow-light);
-}
-
-svg.logo {
- --logo-size: min(60vh, 90vw);
- height: var(--logo-size);
- width: var(--logo-size);
- max-width: 100%;
- /* the drawing has blank space above and below; pull neighbours into it */
- margin-top: calc(var(--logo-size) * -0.17);
- margin-bottom: calc(var(--logo-size) * -0.25);
-}
-
-html {
- height: 100%;
- width: 100%;
- overflow-x: clip;
-}
-
-body {
- overflow-x: hidden;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- height: 100%;
- width: 100%;
- margin: auto;
- text-align: center;
-}
-
-.links {
- display: flex;
- flex-wrap: wrap;
- justify-content: center;
- align-items: center;
- margin: 0 1.25rem;
- gap: 1.25rem;
-}
-
-.links svg {
- height: 2.5rem;
- width: 2.5rem;
- vertical-align: middle;
-}
-
-.links a,
-.links button {
- display: flex;
- flex-direction: column;
- align-items: center;
- gap: 0.35rem;
- text-decoration: none;
-}
-
-.label {
- display: inline-block;
- font-size: 0.8rem;
- line-height: 1;
- transform: rotate(-7deg);
- transition: transform 200ms;
-}
-
-.links > :nth-child(even) .label {
- transform: rotate(6deg);
-}
-
-.links > :hover .label,
-.links > :focus-visible .label {
- transform: rotate(0deg) scale(1.1);
-}
-
-h2 {
- font-size: 1.5rem;
- margin: 2rem 0 0.75rem;
-}
-
-.chalky-link img {
- height: 4.5rem;
- width: auto;
-}
-
-body a[title="bluesky"]:hover {
- color: #0085ff;
-}
-
-.leaflet-link svg {
- width: auto;
-}
-
-body a.leaflet-link:hover {
- color: #639431;
-}
-
-@media (prefers-color-scheme: dark) {
- body {
-  background-color: var(--background-dark);
-  color: var(--text-primary-dark);
-  font-family: var(--font-stack);
- }
-
- body a:hover {
-  color: var(--accent-dark);
- }
-
- body .secondary-text {
-  color: var(--text-secondary-dark);
- }
-
- body .border {
-  border-color: var(--border-dark);
- }
-
- body .shadow {
-  box-shadow: 0 2px 4px var(--shadow-dark);
- }
-
- body a[title="bluesky"]:hover {
-  color: #0085ff;
- }
-
- body a.leaflet-link:hover {
-  color: #639431;
- }
-
- .leaflet-inner {
-  fill: var(--background-dark);
- }
-}
-
-.bluesky-flutter {
- display: flex;
- gap: 0.5em;
- align-items: center;
-}
-
-.bluesky-flutter svg {
- width: 2em;
- height: 2em;
- transition: 200ms;
-}
-
-.bluesky-flutter .left {
- transform-origin: center;
-}
-.bluesky-flutter .right {
- transform-origin: center;
- transform: scale(-1, 1);
-}
-.bluesky-flutter:hover .left,
-.bluesky-flutter:focus .left {
- animation: flutter 430ms ease-in-out;
- --flip: 1;
-}
-.bluesky-flutter:hover .right,
-.bluesky-flutter:focus .right {
- animation: flutter 500ms ease-in-out;
- --flip: -1;
-}
-.bluesky-flutter:hover svg,
-.bluesky-flutter:focus svg {
- transform: rotate(-5deg);
- transition: 500ms;
-}
-
-@media (prefers-reduced-motion) {
- .bluesky-flutter:hover .left,
- .bluesky-flutter:focus .left,
- .bluesky-flutter:hover .right,
- .bluesky-flutter:focus .right {
-  animation: none;
- }
-}
-
-@keyframes flutter {
- 10% {
-  transform: scale(calc(var(--flip) * 1), 0.9);
- }
- 20% {
-  transform: scale(calc(var(--flip) * 0.5), 1);
- }
- 40% {
-  transform: scale(calc(var(--flip) * 0.9), 0.95);
- }
- 60% {
-  transform: scale(calc(var(--flip) * 0.3), 1);
- }
- 80% {
-  transform: scale(calc(var(--flip) * 0.9), 0.95);
- }
- 100% {
-  transform: scale(calc(var(--flip) * 1), 1);
- }
-}
-
-/* Email dialog */
-dialog#email-dialog {
- position: fixed;
- inset: 0;
- margin: auto;
- padding: 2.25rem 2.5rem 1.75rem;
- border: 3px solid var(--text-primary-light);
- border-radius: 1.25rem;
- background-color: var(--background-light);
- color: var(--text-primary-light);
- font-family: var(--font-stack);
- text-align: center;
- max-width: min(90vw, 26rem);
- box-shadow: 0 8px 24px var(--shadow-light);
- transform: rotate(-1.5deg);
-}
-
-dialog#email-dialog:focus {
- outline: none;
-}
-
-dialog#email-dialog::backdrop {
- background: rgba(0, 0, 0, 0.45);
- backdrop-filter: blur(2px);
-}
-
-.dialog-close {
- position: absolute;
- top: 0.6rem;
- right: 0.6rem;
- width: 1.75rem;
- height: 1.75rem;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.dialog-close svg {
- width: 1.1rem;
- height: 1.1rem;
-}
-
-.email-row {
- display: flex;
- flex-wrap: wrap;
- justify-content: center;
- align-items: center;
- gap: 0.75rem;
-}
-
-#email-address {
- font-family: var(--font-stack);
- font-size: 1.2rem;
- padding: 0.4rem 0.8rem;
- border: 2px dashed currentColor;
- border-radius: 0.6rem;
- user-select: all;
-}
-
-.copy-button {
- display: inline-flex;
- align-items: center;
- gap: 0.35rem;
- padding: 0.4rem 0.8rem;
- border: 2px solid currentColor;
- border-radius: 0.6rem;
- font-size: 1rem;
- transition: transform 150ms;
-}
-
-.copy-button:hover {
- transform: rotate(2deg) scale(1.05);
-}
-
-.copy-button svg {
- width: 1.1rem;
- height: 1.1rem;
-}
-
-.copy-button .check-icon {
- display: none;
-}
-
-.copy-button.copied {
- color: #2e9e5b;
-}
-
-.copy-button.copied .copy-icon {
- display: none;
-}
-
-.copy-button.copied .check-icon {
- display: block;
-}
-
-@media (prefers-color-scheme: dark) {
- dialog#email-dialog {
-  border-color: var(--text-primary-dark);
-  background-color: var(--background-dark);
-  color: var(--text-primary-dark);
-  box-shadow: 0 8px 24px var(--shadow-dark);
- }
-
- dialog#email-dialog::backdrop {
-  background: rgba(0, 0, 0, 0.6);
- }
-
- .copy-button.copied {
-  color: #5ed48a;
- }
-}