From 591378d5670f313ee82805cf9a6ed271341100df Mon Sep 17 00:00:00 2001
From: luap <luap@omg.lol>
Date: Thu, 28 Mar 2024 10:28:47 -0400
Subject: [PATCH] dont think i like that css

---
 index.html | 25 +++++++++++++++++++------
 1 file changed, 19 insertions(+), 6 deletions(-)
diff --git a/index.html b/index.html
index 170b099a5..4b3ebcb52 100644
--- a/index.html
+++ b/index.html
@@ -1,8 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <link rel="stylesheet" href="https://unpkg.com/normalize.css">
-  <link rel="stylesheet" href="https://unpkg.com/magick.css">
   <meta http-equiv="content-type" content="text/html; charset=utf-8">
   <meta name="mobile-web-app-capable" content="yes" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -11,9 +9,6 @@
   <link rel="microsub" href="https://aperture.p3k.io/microsub/945">
   <link rel="proven" href="proven.lol/2ac931">
   <link rel="me" href="https://social.lol/@luap">
-  <style>
-  .circular--portrait { position: relative; width: 200px; height: 200px; overflow: hidden; border-radius: 50%; } .circular--portrait img { width: 100%; height: auto; }
-  </style>
   <!-- To use social readers via microsub, follow these steps.
     (Details: https://indieweb.org/Microsub#Getting_Started)
     1. After publishing this to your domain, sign in to https://aperture.p3k.io/login with your domain
@@ -23,7 +18,25 @@
     4. Publish the updated page!
    -->
   <title>what wolf?</title>
-
+ <style>
+    @media (prefers-color-scheme: dark) {
+      html { background-color: #111111; color: #fbfbfb; }
+      a { color: #ca8465; }
+    }
+    body {
+      line-height: 1.6;
+      font-family: system-ui, -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
+      text-align: center;
+      margin: 1rem auto;
+      min-height: 90vh;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+    }
+    img.u-photo { border-radius: 50%; }
+    ul { padding: 0; list-style: none; }
+  </style>
 </head>
 
 <body>
