diff --git a/admin/templates/html/artists.html b/admin/templates/html/artists.html
index f4a6432..59ff8be 100644
--- a/admin/templates/html/artists.html
+++ b/admin/templates/html/artists.html
@@ -1,6 +1,6 @@
 {{define "head"}}
 <title>Artists - ari melody 💫</title>
-<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
+<link rel="shortcut icon" href="/img/favicon.webp" type="image/x-icon">
 <link rel="stylesheet" href="/admin/static/artists.css">
 {{end}}
 
diff --git a/admin/templates/html/edit-account.html b/admin/templates/html/edit-account.html
index a63d37a..c7ac161 100644
--- a/admin/templates/html/edit-account.html
+++ b/admin/templates/html/edit-account.html
@@ -1,6 +1,6 @@
 {{define "head"}}
 <title>Account Settings - ari melody 💫</title>
-<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
+<link rel="shortcut icon" href="/img/favicon.webp" type="image/x-icon">
 <link rel="stylesheet" href="/admin/static/edit-account.css">
 {{end}}
 
diff --git a/admin/templates/html/edit-track.html b/admin/templates/html/edit-track.html
index 14f389b..59f19a9 100644
--- a/admin/templates/html/edit-track.html
+++ b/admin/templates/html/edit-track.html
@@ -1,6 +1,6 @@
 {{define "head"}}
 <title>Editing Track - ari melody 💫</title>
-<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
+<link rel="shortcut icon" href="/img/favicon.webp" type="image/x-icon">
 <link rel="stylesheet" href="/admin/static/edit-track.css">
 <link rel="stylesheet" href="/admin/static/tracks.css">
 <link rel="stylesheet" href="/admin/static/releases.css">
diff --git a/admin/templates/html/index.html b/admin/templates/html/index.html
index afb9471..54b3236 100644
--- a/admin/templates/html/index.html
+++ b/admin/templates/html/index.html
@@ -1,6 +1,6 @@
 {{define "head"}}
 <title>Admin - ari melody 💫</title>
-<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
+<link rel="shortcut icon" href="/img/favicon.webp" type="image/x-icon">
 <link rel="stylesheet" href="/admin/static/releases.css">
 <link rel="stylesheet" href="/admin/static/artists.css">
 <link rel="stylesheet" href="/admin/static/tracks.css">
diff --git a/admin/templates/html/layout.html b/admin/templates/html/layout.html
index bf1b542..0a0d045 100644
--- a/admin/templates/html/layout.html
+++ b/admin/templates/html/layout.html
@@ -18,7 +18,7 @@
         <header>
             <nav id="navbar">
                 <a href="/" class="nav icon" aria-label="ari melody" title="Return to Home">
-                    <img src="/img/favicon.png" alt="" width="64" height="64">
+                    <img src="/img/favicon.webp" alt="" width="64" height="64">
                 </a>
                 <div class="nav-item{{if eq .Path "/"}} active{{end}}">
                     <a href="/admin">home</a>
diff --git a/admin/templates/html/login-totp.html b/admin/templates/html/login-totp.html
index f03d11b..6a4b0a2 100644
--- a/admin/templates/html/login-totp.html
+++ b/admin/templates/html/login-totp.html
@@ -1,6 +1,6 @@
 {{define "head"}}
 <title>Login - ari melody 💫</title>
-<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
+<link rel="shortcut icon" href="/img/favicon.webp" type="image/x-icon">
 <style>
 form#login-totp {
     width: 100%;
diff --git a/admin/templates/html/login.html b/admin/templates/html/login.html
index aa77967..772f3db 100644
--- a/admin/templates/html/login.html
+++ b/admin/templates/html/login.html
@@ -1,6 +1,6 @@
 {{define "head"}}
 <title>Login - ari melody 💫</title>
-<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
+<link rel="shortcut icon" href="/img/favicon.webp" type="image/x-icon">
 <style>
 @media screen and (max-width: 720px) {
     h1 {
diff --git a/admin/templates/html/logout.html b/admin/templates/html/logout.html
index f127fd6..d392a73 100644
--- a/admin/templates/html/logout.html
+++ b/admin/templates/html/logout.html
@@ -1,6 +1,6 @@
 {{define "head"}}
 <title>Admin - ari melody 💫</title>
-<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
+<link rel="shortcut icon" href="/img/favicon.webp" type="image/x-icon">
 
 <style>
 p a {
diff --git a/admin/templates/html/logs.html b/admin/templates/html/logs.html
index 4f24c72..81acfd3 100644
--- a/admin/templates/html/logs.html
+++ b/admin/templates/html/logs.html
@@ -1,6 +1,6 @@
 {{define "head"}}
 <title>Audit Logs - ari melody 💫</title>
-<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
+<link rel="shortcut icon" href="/img/favicon.webp" type="image/x-icon">
 <link rel="stylesheet" href="/admin/static/logs.css">
 {{end}}
 
diff --git a/admin/templates/html/register.html b/admin/templates/html/register.html
index a6460e0..eb67a52 100644
--- a/admin/templates/html/register.html
+++ b/admin/templates/html/register.html
@@ -1,6 +1,6 @@
 {{define "head"}}
 <title>Register - ari melody 💫</title>
-<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
+<link rel="shortcut icon" href="/img/favicon.webp" type="image/x-icon">
 <style>
 p a {
     color: #2a67c8;
diff --git a/admin/templates/html/releases.html b/admin/templates/html/releases.html
index ed5aec6..70e1eac 100644
--- a/admin/templates/html/releases.html
+++ b/admin/templates/html/releases.html
@@ -1,6 +1,6 @@
 {{define "head"}}
 <title>Releases - ari melody 💫</title>
-<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
+<link rel="shortcut icon" href="/img/favicon.webp" type="image/x-icon">
 <link rel="stylesheet" href="/admin/static/releases.css">
 {{end}}
 
diff --git a/admin/templates/html/totp-confirm.html b/admin/templates/html/totp-confirm.html
index 459f3fc..b3ed7b5 100644
--- a/admin/templates/html/totp-confirm.html
+++ b/admin/templates/html/totp-confirm.html
@@ -1,6 +1,6 @@
 {{define "head"}}
 <title>TOTP Confirmation - ari melody 💫</title>
-<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
+<link rel="shortcut icon" href="/img/favicon.webp" type="image/x-icon">
 <style>
 .qr-code {
     border: 1px solid #8888;
diff --git a/admin/templates/html/totp-setup.html b/admin/templates/html/totp-setup.html
index 9fcda9d..39eb33f 100644
--- a/admin/templates/html/totp-setup.html
+++ b/admin/templates/html/totp-setup.html
@@ -1,6 +1,6 @@
 {{define "head"}}
 <title>TOTP Setup - ari melody 💫</title>
-<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
+<link rel="shortcut icon" href="/img/favicon.webp" type="image/x-icon">
 {{end}}
 
 {{define "content"}}
diff --git a/admin/templates/html/tracks.html b/admin/templates/html/tracks.html
index 6bb6f18..e4a2a44 100644
--- a/admin/templates/html/tracks.html
+++ b/admin/templates/html/tracks.html
@@ -1,6 +1,6 @@
 {{define "head"}}
 <title>Releases - ari melody 💫</title>
-<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
+<link rel="shortcut icon" href="/img/favicon.webp" type="image/x-icon">
 <link rel="stylesheet" href="/admin/static/tracks.css">
 {{end}}
 
diff --git a/public/img/favicon-256.png b/public/img/favicon-256.png
deleted file mode 100644
index d8f8cea..0000000
Binary files a/public/img/favicon-256.png and /dev/null differ
diff --git a/public/img/favicon-36.png b/public/img/favicon-36.png
deleted file mode 100644
index 1a6df8e..0000000
Binary files a/public/img/favicon-36.png and /dev/null differ
diff --git a/public/img/favicon.png b/public/img/favicon.png
deleted file mode 100644
index 14c720a..0000000
Binary files a/public/img/favicon.png and /dev/null differ
diff --git a/public/img/favicon.webp b/public/img/favicon.webp
new file mode 100644
index 0000000..394c257
Binary files /dev/null and b/public/img/favicon.webp differ
diff --git a/public/img/mailicon.svg b/public/img/mailicon.svg
deleted file mode 100644
index bd0e8dd..0000000
--- a/public/img/mailicon.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <g id="favicon" transform="matrix(0.237037,0,0,0.237037,0,0)">
-        <use xlink:href="#_Image1" x="0" y="0" width="1080px" height="1080px" transform="matrix(4.21875,0,0,4.21875,0,0)"/>
-    </g>
-    <defs>
-        <image id="_Image1" width="256px" height="256px" xlink:href="data:image/jpeg;base64,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"/>
-    </defs>
-</svg>
diff --git a/public/style/colours.css b/public/style/colours.css
index de63198..5bd619e 100644
--- a/public/style/colours.css
+++ b/public/style/colours.css
@@ -1,23 +1,36 @@
 :root {
-    --background: #080808;
-    --on-background: #f0f0f0;
+    --background-dark: #080808;
+    --on-background-dark: #f0f0f0;
+    --primary-dark: #b7fd49;
+    --secondary-dark: #f8e05b;
+    --tertiary-dark: #f788fe;
+    --links-dark: #5eb2ff;
+
+    --background-light: #ffffff;
+    --on-background-light: #101010;
+    --primary-light: #6d9e23;
+    --secondary-light: #a5911e;
+    --tertiary-light: #a92cb1;
+    --links-light: #3ba1ff;
+
+    --background: var(--background-dark);
+    --on-background: var(--on-background-dark);
+    --primary: var(--primary-dark);
+    --secondary: var(--secondary-dark);
+    --tertiary: var(--tertiary-dark);
+    --links: var(--links-dark);
 
-    --primary: #b7fd49;
-    --secondary: #f8e05b;
-    --tertiary: #f788fe;
-    --links: #5eb2ff;
     --live: #fd3737;
 }
 
 @media (prefers-color-scheme: light) {
     :root {
-        --background: #ffffff;
-        --on-background: #101010;
-
-        --primary: #6d9e23;
-        --secondary: #a5911e;
-        --tertiary: #a92cb1;
-        --links: #3ba1ff;
+        --background: var(--background-light);
+        --on-background: var(--on-background-light);
+        --primary: var(--primary-light);
+        --secondary: var(--secondary-light);
+        --tertiary: var(--tertiary-light);
+        --links: var(--links-light);
     }
 }
 
diff --git a/public/style/header.css b/public/style/header.css
index f399d4d..b27aeca 100644
--- a/public/style/header.css
+++ b/public/style/header.css
@@ -1,63 +1,63 @@
 header {
     position: fixed;
-    top: 0;
+    top: 8px;
     left: 0;
     width: 100vw;
-    border-bottom: 1px solid #8888;
-    background-color: var(--background);
-    z-index: 1;
-
+    z-index: 999;
     transition: color .2s, background-color .2s;
 }
 
 nav {
-    width: min(calc(100% - 4rem), 720px);
+    width: min-content; /* min(calc(100% - 7.25em), 900px); */
     height: 3em;
-    margin: auto;
-    padding: 0 1em;
+    margin: auto; /* auto 6em auto auto; */
+    padding: 0 0 0 .25em;
     display: flex;
     flex-direction: row;
     gap: .8em;
     align-items: center;
+    border-radius: 2em;
+    backdrop-filter: blur(8px) brightness(110%);
+    box-shadow: 0 1px 2px #0004;
+
+    transition-property: background-color, color, backdrop-filter;
+    transition-duration: .2s;
+
+    img#header-icon {
+        width: 2em;
+        height: 2em;
+        padding: .5em;
+        transition: filter ease-out .1s;
+    }
+}
+
+@media (prefers-color-scheme: dark) {
+    nav {
+        backdrop-filter: blur(8px) brightness(200%);
+
+        img#header-icon {
+            filter: invert();
+        }
+    }
+}
+
+@media screen and (max-width: 540px) {
+    nav {
+        width: calc(100vw - 2em);
+        padding: 0 .25em;
+    }
 }
 
 #header-home {
-    flex-grow: 1;
     display: flex;
     gap: .5em;
 }
 
-img#header-icon {
-    width: 2em;
-    height: 2em;
-    margin: .5em;
-    display: block;
-}
-
-#header-text {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-}
-
-#header-text h1 {
-    width: fit-content;
-    margin: 0;
-    font-size: 1em;
-}
-
-#header-text h2 {
-    width: fit-content;
-    height: 1.2em;
-    line-height: 1.2em;
-    margin: 0;
-    font-size: .7em;
-    color: #bbb;
-}
-
 #header-links-toggle {
     width: 3em;
     height: 3em;
+    margin-left: auto;
+    margin-right: .5em;
     display: none;
     justify-content: center;
     align-items: center;
@@ -69,73 +69,77 @@ img#header-icon {
 }
 
 header ul#header-links {
+    height: 100%;
     margin: 0;
     padding: 0;
     display: flex;
     flex-direction: row;
-    gap: .5em;
     align-items: center;
+    gap: .5em;
+
+    li {
+        height: 100%;
+        margin: 0 -.5em;
+        list-style: none;
+
+        &:last-of-type {
+            margin-right: 0;
+
+            a {
+                padding-right: 1em;
+            }
+        }
+
+        a, span {
+            --colour: var(--links);
+
+            height: 100%;
+            min-width: 3em;
+            padding: 0 1em;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+
+            color: var(--colour);
+            transition-property: color, background-color, box-shadow;
+            transition-duration: .05s;
+            transition-timing-function: ease-out;
+            text-decoration: none;
+        }
+
+        span {
+            color: #aaa;
+            border-color: #aaa;
+            cursor: default;
+            text-decoration: none;
+        }
+
+        a {
+            border-radius: 2em;
+
+            &:hover, &.active {
+                --bg-transparency: 90%;
+
+                background-color: color-mix(
+                    in srgb,
+                    var(--colour),
+                    transparent var(--bg-transparency)
+                );
+                text-decoration: none;
+
+                &:active {
+                    --bg-transparency: 75%;
+                }
+            }
+        }
+    }
 }
 
-header ul li {
-    list-style: none;
-}
-
-header ul li a,
-header ul li span {
-    padding: .4em .5em;
-    border: 1px solid var(--links);
-    color: var(--links);
-    border-radius: 2px;
-    background-color: transparent;
-    transition-property: color, border-color, background-color;
-    transition-duration: .2s;
-    animation-delay: 0s;
-    animation: list-item-fadein .2s forwards;
-    opacity: 0;
-    text-decoration: none;
-}
-
-header ul li span {
-    color: #aaa;
-    border-color: #aaa;
-    cursor: default;
-    text-decoration: none;
-}
-
-header ul li a:hover {
-    color: #eee;
-    border-color: #eee;
-    background-color: var(--links) !important;
-    text-decoration: none;
-}
-
-
-#toggle-crt a {
-    color: var(--primary);
-    border-color: var(--primary);
-    opacity: 1;
-}
-
-#toggle-crt a:hover {
-    color: #111;
-    background-color: var(--primary) !important;
-}
-
-#toggle-crt.disabled a {
-    opacity: .5 !important;
-}
-
-@media screen and (max-width: 780px) {
+@media screen and (max-width: 540px) {
     header {
         font-size: 14px;
     }
 
-    nav {
-        width: calc(100vw - 2rem);
-        margin: 0;
-    }
-
     div#header-text {
         flex-grow: 1;
     }
@@ -146,32 +150,40 @@ header ul li a:hover {
 
     header ul#header-links {
         position: fixed;
-        left: 0;
-        top: 2.7rem;
-        width: calc(100vw - 2rem);
-        padding: 1rem;
+        left: -.75em;
+        top: 3.5em;
+        width: calc(100vw - 4em);
+        height: fit-content;
+        margin: 0 1em;
+        padding: 1em;
+
+        display: none;
         flex-direction: column;
         gap: 1rem;
-        border-bottom: 1px solid #888;
+
+        border-radius: 1em;
+        box-shadow: 0 1px 2px #0004;
         background: var(--background);
-        display: none;
+
+        li {
+            width: 100%;
+
+            &:last-of-type {
+                margin-right: -.5em;
+            }
+
+            a, span {
+                margin: 0;
+                display: block;
+                font-size: 1em;
+                text-align: center;
+            }
+        }	
     }
 
     header ul#header-links.open {
         display: flex;
     }
-
-    ul#header-links li {
-        width: 100%;
-    }	
-
-    ul#header-links li a,
-    ul#header-links li span {
-        margin: 0;
-        display: block;
-        font-size: 1em;
-        text-align: center;
-    }
 }
 
 @keyframes list-item-fadein {
@@ -185,4 +197,3 @@ header ul li a:hover {
         background: transparent;
     }
 }
-
diff --git a/public/style/index.css b/public/style/index.css
index 8e20435..68ed40d 100644
--- a/public/style/index.css
+++ b/public/style/index.css
@@ -1,85 +1,60 @@
 main {
-    width: 	min(calc(100% - 4rem), 720px);
+    width: 	min(calc(100% - 4rem), 900px);
     min-height: calc(100vh - 10.3rem);
     margin: 0 auto 2rem auto;
-    padding-top: 4rem;
 }
 
-main h1 {
-    line-height: 3rem;
-    color: var(--primary);
+.fancyheader-inner {
+    display: flex;
+    justify-content: space-between;
+
+    .right {
+        margin-top: auto;
+    }
+
+    h1 .icon {
+        width: .5em;
+        height: .5em;
+        transform: translateY(-.3em);
+        animation: wiggle-loop 2s cubic-bezier(.4,0,.6,1) alternate infinite;
+    }
 }
 
-main h2 {
+@media (prefers-color-scheme: dark) {
+    .fancyheader-inner h1 .icon {
+        filter: invert();
+    }
+}
+
+@keyframes wiggle-loop {
+    from { transform: translateY(-.3em) rotate(0deg); }
+    to   { transform: translateY(-.3em) rotate(10deg); }
+}
+
+h2 {
     color: var(--secondary);
 }
 
-main h3 {
+h3 {
     color: var(--tertiary);
 }
 
-div#me_irl {
-    width: fit-content;
-    height: fit-content;
-    border: 2px solid white;
-}
-
-div#me_irl img {
-    display: block;
-}
-
-div#me_irl::before {
-    content: "";
-    position: absolute;
-    width: 104px;
-    height: 104px;
-    transform: translate(2px, 2px);
-    background-image: linear-gradient(to top right,
-    var(--primary),
-    var(--secondary));
-    z-index: -1;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-small,
-blockquote {
+h1, h2, h3, h4, h5, h6, p, small, blockquote {
     transition: background-color 0.1s;
+
+    &:hover {
+        background-color: #fff1;
+    }
 }
 
-h1 a,
-h2 a,
-h3 a,
-h4 a,
-h5 a,
-h6 a {
-    color: inherit;
-}
+h1, h2, h3, h4, h5, h6 {
+    a {
+        color: inherit;
 
-h1 a:hover,
-h2 a:hover,
-h3 a:hover,
-h4 a:hover,
-h5 a:hover,
-h6 a:hover {
-    text-decoration: none;
-}
-
-main h1:hover,
-main h2:hover,
-main h3:hover,
-main h4:hover,
-main h5:hover,
-main h6:hover,
-main p:hover,
-main small:hover,
-main blockquote:hover {
-    background-color: #fff1;
+        &:hover {
+            text-decoration: none;
+        }
+    }
 }
 
 blockquote {
@@ -97,45 +72,48 @@ hr {
 }
 
 ul.platform-links {
-    padding-left: 1em;
     display: flex;
-    gap: .5em;
-    flex-wrap: wrap;
+    margin: 0 0 0 auto;
+    padding: 0;
+
+    li {
+        list-style: none;
+
+        a {
+            padding: .5em;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            background-color: transparent;
+            transition-property: background-color, box-shadow;
+            transition-duration: .2s;
+            animation:
+            social-button-bouncein .5s forwards cubic-bezier(0, 1.5, .5, 1),
+            social-button-fadein .2s forwards ease-out;
+            opacity: 0;
+
+            img {
+                height: 1em;
+                width: 1em;
+            }
+
+            &:hover {
+                background-color: var(--on-background) !important;
+                box-shadow: 0 0 1em var(--on-background);
+                text-decoration: none;
+            }
+        }
+    }
 }
 
-ul.platform-links li {
-    list-style: none;
+@keyframes social-button-bouncein {
+    from { transform: translateY(1em); }
+    to { transform: none; }
 }
 
-ul.platform-links li a {
-    padding: .4em .5em;
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    gap: .5em;
-    border: 1px solid var(--links);
-    color: var(--links);
-    border-radius: 2px;
-    background-color: transparent;
-    transition-property: color, border-color, background-color, box-shadow;
-    transition-duration: .2s;
-    animation-delay: 0s;
-    animation: list-item-fadein .2s forwards;
-    opacity: 0;
-}
-
-ul.platform-links li a:hover {
-    color: #eee;
-    border-color: #eee;
-    background-color: var(--links) !important;
-    text-decoration: none;
-    box-shadow: 0 0 1em var(--links);
-}
-
-ul.platform-links li a img {
-    height: 1em;
-    width: 1em;
+@keyframes social-button-fadein {
+    from { opacity: 0; }
+    to { opacity: 1; }
 }
 
 ul#projects {
diff --git a/public/style/main.css b/public/style/main.css
index 22b7579..8d99b18 100644
--- a/public/style/main.css
+++ b/public/style/main.css
@@ -14,19 +14,84 @@
 }
 
 body {
-    margin: 0;
+    margin: 4em 0 0 0;
     padding: 0;
     background: var(--background);
     color: var(--on-background);
-    font-family: "Monaspace Argon", monospace;
+    font-family: "Lora", serif;
     font-size: 18px;
     scroll-behavior: smooth;
 
     transition: color .2s, background-color .2s;
 }
 
-body.crt #overlay {
-    display: block;
+.fancyheader {
+    width: 100vw;
+    margin: 5em 0 2em 0;
+
+    background-color: var(--background);
+    color: var(--on-background);
+    background-image: radial-gradient(
+        circle at 0% 0%,
+        color-mix(in srgb, var(--primary-dark), transparent 75%),
+        transparent
+    );
+
+    .fancyheader-inner {
+        width: 900px;
+        margin: 0 auto;
+        padding: 2em 0;
+        gap: 1em;
+    }
+
+    span {
+        font-family: "Monaspace Argon", monospace;
+    }
+}
+
+@media screen and (max-width: 980px) {
+    .fancyheader .fancyheader-inner {
+        width: calc(100% - 4em);
+        padding: 2em;
+    }
+}
+
+@media screen and (max-width: 540px) {
+    .fancyheader .fancyheader-inner {
+        flex-direction: column;
+    }
+}
+
+h1 {
+    margin: 0;
+    font-family: "Inter Display", "Inter", sans-serif;
+    font-size: 4em;
+}
+
+.subheader {
+    height: 2em;
+    display: flex;
+    flex-direction: row;
+    gap: 2px;
+    align-items: center;
+
+    .swatch {
+        --colour: #f0f;
+
+        width: .5em;
+        height: .5em;
+
+        background-color: var(--colour);
+        box-shadow: 1px 1px 0 #000;
+
+        &.primary { --colour: var(--primary-dark); }
+        &.secondary { --colour: var(--secondary-dark); }
+        &.tertiary { --colour: var(--tertiary-dark); }
+
+        &:last-of-type {
+            margin-right: .5em;
+        }
+    }
 }
 
 a {
@@ -135,10 +200,6 @@ a#backtotop:hover {
     body {
         font-size: 14px;
     }
-
-    main {
-        margin-top: 4rem;
-    }
 }
 
 
@@ -164,9 +225,3 @@ a#backtotop:hover {
         filter: invert(.9);
     }
 }
-
-@media (prefers-color-scheme: dark) {
-    body.crt {
-        text-shadow: 0 0 3em;
-    }
-}
diff --git a/public/style/music.css b/public/style/music.css
index 190e642..a49cc3e 100644
--- a/public/style/music.css
+++ b/public/style/music.css
@@ -1,8 +1,7 @@
 main {
-    width: min(calc(100% - 4rem), 720px);
+    width: min(calc(100% - 4rem), 900px);
     min-height: calc(100vh - 10.3rem);
     margin: 0 auto 2rem auto;
-    padding-top: 4rem;
 }
 
 main nav {
@@ -101,18 +100,11 @@ h3.music-type-upcoming {
 }
 
 h2.question {
-    margin: 1rem 0;
-    padding: 1rem 1.5rem;
+    margin: 1em 0;
     border-radius: 4px;
     cursor: pointer;
 }
 
-div.answer {
-    margin: -1rem 0 1rem 0;
-    padding: .5em 1.5em;
-    border-radius: 4px;
-}
-
 @media screen and (max-width: 740px) {
     div.music {
         flex-direction: column;
diff --git a/templates/html/404.html b/templates/html/404.html
index 19a0957..87e2c49 100644
--- a/templates/html/404.html
+++ b/templates/html/404.html
@@ -1,6 +1,6 @@
 {{define "head"}}
 <title>404 - ari melody 💫</title>
-<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
+<link rel="shortcut icon" href="/img/favicon.webp" type="image/x-icon">
 <link rel="stylesheet" href="/style/error.css">
 {{end}}
 
diff --git a/templates/html/header.html b/templates/html/header.html
index 03a8384..0898c97 100644
--- a/templates/html/header.html
+++ b/templates/html/header.html
@@ -3,11 +3,7 @@
 <header>
     <nav>
         <div id="header-home">
-            <img src="/img/favicon.png" id="header-icon" width="100" height="100" alt="">
-            <div id="header-text">
-                <h1>ari melody</h1>
-                <h2>your local SPACEGIRL 💫</h2>
-            </div>
+            <img src="/img/favicon.webp" id="header-icon" width="100" height="100" alt="">
         </div>
         <a id="header-links-toggle">
             <svg viewBox="0 0 70 50" xmlns="http://www.w3.org/2000/svg" width="24" height="24">
@@ -31,9 +27,6 @@
                 <!-- coming later! -->
                 <span title="coming later!">art</span>
             </li>
-            <li id="toggle-crt">
-                <a href="javascript:void(0)">crt</a>
-            </li>
         </ul>
     </nav>
 </header>
diff --git a/templates/html/index.html b/templates/html/index.html
index fca5c0f..c73bd90 100644
--- a/templates/html/index.html
+++ b/templates/html/index.html
@@ -1,13 +1,13 @@
 {{define "head"}}
 <title>ari melody 💫</title>
-<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
+<link rel="shortcut icon" href="/img/favicon.webp" type="image/x-icon">
 
 <meta name="description" content="home to your local SPACEGIRL 💫">
 
 <meta property="og:title" content="ari melody">
 <meta property="og:type" content="website">
 <meta property="og:url" content="www.arimelody.space">
-<meta property="og:image" content="https://www.arimelody.space/img/favicon.png">
+<meta property="og:image" content="https://www.arimelody.space/img/favicon.webp">
 <meta property="og:site_name" content="ari melody 💫">
 <meta property="og:description" content="home to your local SPACEGIRL 💫">
 
@@ -20,64 +20,112 @@
 {{end}}
 
 {{define "content"}}
-<main>
-    {{if .TwitchStatus}}
-    <div id="live-banner">
-        <div class="live-preview">
-            <div>
-                <img src="{{.TwitchStatus.Thumbnail 144 81}}" alt="livestream thumbnail" class="live-thumbnail">
-                <a href="https://twitch.tv/{{.TwitchStatus.UserName}}" class="live-button">join in!</a>
-            </div>
-            <div class="live-info">
-                <h2>ari melody <span class="live-highlight">LIVE</span> <i class="live-pinger"></i></h2>
-                <p class="live-game"><span class="live-game-prefix">streaming:</span> {{.TwitchStatus.GameName}}</p>
-                <p class="live-title">{{.TwitchStatus.Title}}</p>
-                <p class="live-viewers">{{.TwitchStatus.ViewerCount}} viewers</p>
-            </div>
+
+{{if .TwitchStatus}}
+<div id="live-banner">
+    <div class="live-preview">
+        <div>
+            <img src="{{.TwitchStatus.Thumbnail 144 81}}" alt="livestream thumbnail" class="live-thumbnail">
+            <a href="https://twitch.tv/{{.TwitchStatus.UserName}}" class="live-button">join in!</a>
+        </div>
+        <div class="live-info">
+            <h2>ari melody <span class="live-highlight">LIVE</span> <i class="live-pinger"></i></h2>
+            <p class="live-game"><span class="live-game-prefix">streaming:</span> {{.TwitchStatus.GameName}}</p>
+            <p class="live-title">{{.TwitchStatus.Title}}</p>
+            <p class="live-viewers">{{.TwitchStatus.ViewerCount}} viewers</p>
         </div>
     </div>
-    {{end}}
+</div>
+{{end}}
     
-    <h1 class="typeout">
-        # hello, world!
-    </h1>
+<div class="fancyheader">
+    <div class="fancyheader-inner">
+        <div class="left">
+            <h1>
+                hi, i'm ari!
+                <img src="/img/favicon.webp" class="icon" width="64" height="64" alt="">
+            </h1>
+            <div class="subheader">
+                <div class="swatch primary"></div>
+                <div class="swatch secondary"></div>
+                <div class="swatch tertiary"></div>
+                <span>she/her 🏳️‍⚧️ 🏳️‍🌈 💫 🦆 🇮🇪</span>
+            </div>
+        </div>
 
-    <p>
-    <strong>i'm ari!</strong>
-    <br>
-    <small>she/her 🏳️‍⚧️🏳️‍🌈💫🦆🇮🇪</small>
-    </p>
+        <div class="right">
+            <ul class="platform-links">
+                <li>
+                    <a href="https://youtube.com/@arispacegirl" title="youtube" style="animation-delay: 0ms">
+                        <img src="/img/brand/youtube.svg" alt="youtube" width="32" height="32"/>
+                    </a>
+                </li>
+                <li>
+                    <a href="https://twitch.tv/arispacegirl" title="twitch" style="animation-delay: 50ms">
+                        <img src="/img/brand/twitch.svg" alt="twitch" width="32" height="32"/>
+                    </a>
+                </li>
+                <li>
+                    <a href="https://arimelody.bandcamp.com" title="bandcamp" style="animation-delay: 100ms">
+                        <img src="/img/brand/bandcamp.svg" alt="bandcamp" width="32" height="32"/>
+                    </a>
+                </li>
+                <li>
+                    <a href="https://codeberg.org/arimelody" title="codeberg" style="animation-delay: 150ms">
+                        <img src="/img/brand/codeberg.svg" alt="codeberg" width="32" height="32"/>
+                    </a>
+                </li>
+                <li>
+                    <a href="https://bsky.app/profile/arimelody.space" title="bluesky" style="animation-delay: 200ms">
+                        <img src="/img/brand/bluesky.svg" alt="bluesky" width="32" height="32"/>
+                    </a>
+                </li>
+                <li>
+                    <a href="https://arimelody.space/discord" title="discord" style="animation-delay: 250ms">
+                        <img src="/img/brand/discord.svg" alt="discord" width="32" height="32"/>
+                    </a>
+                </li>
+            </ul>
+        </div>
+    </div>
+</div>
 
-    <p>
-    i'm a <a href="/music">musician</a>, <a href="https://codeberg.org/arimelody?tab=repositories">developer</a>,
-    <a href="https://twitch.tv/arispacegirl">streamer</a>, <a href="https://youtube.com/@arispacegirl">youtuber</a>, 
-    and probably a bunch of other things i forgot to mention!
-    </p>
-    <p>
-    you're very welcome to take a look around my little space on the internet here,
-    or explore any of the other parts i inhabit!
-    </p>
-    <p>	
-    if you're looking to support me financially, that's so cool of you!!
-    if you like, you can buy some of my music over on
-    <a href="https://arimelody.bandcamp.com">bandcamp</a>
-    so you can at least get something for your money.
-    thank you very much either way!! 💕
-    </p>
-    <p>
-    for anything else, you can reach me for any and all communications through
-    <a href="mailto:ari@arimelody.space">ari@arimelody.space</a>. if your message
-    contains anything beyond a silly gag, i strongly recommend encrypting
-    your message using my public pgp key, listed below!
-    </p>
-    <p>
-    thank you for stopping by- i hope you have a lovely rest of your day! 💫
-    </p>
+<main>
+    <div id="intro">
+        <p>
+        i'm a <a href="/music">musician</a>, <a href="https://codeberg.org/arimelody?tab=repositories">developer</a>,
+        <a href="https://twitch.tv/arispacegirl">streamer</a>, <a href="https://youtube.com/@arispacegirl">youtuber</a>, 
+        and probably a bunch of other things i forgot to mention!
+        </p>
+        <p>
+        you're very welcome to take a look around my little space on the internet here,
+        or explore any of the other parts i inhabit!
+        </p>
+        <p>	
+        if you're looking to support me financially, that's so cool of you!!
+        if you like, you can buy some of my music over on
+        <a href="https://arimelody.bandcamp.com">bandcamp</a>
+        so you can at least get something for your money.
+        thank you very much either way!! 💕
+        </p>
+        <p>
+        for anything else, you can reach me for any and all communications through
+        <a href="mailto:ari@arimelody.space">ari@arimelody.space</a>. if your message
+        contains anything beyond a silly gag, i strongly recommend encrypting
+        your message using my public pgp key, listed below!
+        </p>
+        <p>
+        thank you for stopping by- i hope you have a lovely rest of your day! 💫
+        </p>
+
+        <div class="character">
+        </div>
+    </div>
 
     <hr>
 
     <h2 class="typeout">
-        ## metadata
+        metadata
     </h2>
 
     <p>
@@ -97,48 +145,6 @@
         <li>ssh (ed25519): <a href="/keys/id_ari_ed25519.pub" target="_blank">[link]</a></li>
     </ul>
 
-    <p>
-    <strong>where to find me 🛰️</strong>
-    </p>
-    <ul class="platform-links">
-        <li>
-            <a href="https://youtube.com/@arispacegirl" title="youtube">
-                <img src="/img/brand/youtube.svg" alt="youtube" width="32" height="32"/>
-                youtube
-            </a>
-        </li>
-        <li>
-            <a href="https://twitch.tv/arispacegirl" title="twitch">
-                <img src="/img/brand/twitch.svg" alt="twitch" width="32" height="32"/>
-                twitch
-            </a>
-        </li>
-        <li>
-            <a href="https://arimelody.bandcamp.com" title="bandcamp">
-                <img src="/img/brand/bandcamp.svg" alt="bandcamp" width="32" height="32"/>
-                bandcamp
-            </a>
-        </li>
-        <li>
-            <a href="https://codeberg.org/arimelody" title="codeberg">
-                <img src="/img/brand/codeberg.svg" alt="codeberg" width="32" height="32"/>
-                codeberg
-            </a>
-        </li>
-        <li>
-            <a href="https://bsky.app/profile/arimelody.space" title="bluesky">
-                <img src="/img/brand/bluesky.svg" alt="bluesky" width="32" height="32"/>
-                bluesky
-            </a>
-        </li>
-        <li>
-            <a href="https://arimelody.space/discord" title="discord">
-                <img src="/img/brand/discord.svg" alt="discord" width="32" height="32"/>
-                discord
-            </a>
-        </li>
-    </ul>
-
     <p>
     <strong>projects i've worked on 🛠️</strong>
     </p>
@@ -197,7 +203,7 @@
     <hr>
 
     <h2 class="typeout">
-        ## cool critters
+        cool critters
     </h2>
 
     <div id="web-buttons">
@@ -266,7 +272,7 @@
     </div>
 
     <h2 class="typeout">
-        ## webring
+        webring
     </h2>
 
     <div class="webring">
diff --git a/templates/html/layout.html b/templates/html/layout.html
index 753e4bf..56c800e 100644
--- a/templates/html/layout.html
+++ b/templates/html/layout.html
@@ -17,12 +17,8 @@
 
         {{block "content" .}}
         <main>
-            <h1>
-                # hello, world!
-            </h1>
-            <p>
-            this is a default page!
-            </p>
+            <h1>hello, world!</h1>
+            <p>this is a default page!</p>
         </main>
         {{end}}
 
diff --git a/templates/html/music.html b/templates/html/music.html
index e7b4bd9..d91b4fd 100644
--- a/templates/html/music.html
+++ b/templates/html/music.html
@@ -1,13 +1,13 @@
 {{define "head"}}
 <title>music - ari melody 💫</title>
-<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
+<link rel="shortcut icon" href="/img/favicon.webp" type="image/x-icon">
 
 <meta name="description" content="music from your local SPACEGIRL 💫">
 
 <meta property="og:title" content="ari melody music">
 <meta property="og:type" content="website">
 <meta property="og:url" content="www.arimelody.space/music">
-<meta property="og:image" content="https://www.arimelody.space/img/favicon.png">
+<meta property="og:image" content="https://www.arimelody.space/img/favicon.webp">
 <meta property="og:site_name" content="ari melody 💫">
 <meta property="og:description" content="music from your local SPACEGIRL 💫">
 
@@ -17,13 +17,20 @@
 {{end}}
 
 {{define "content"}}
+<div class="fancyheader">
+    <div class="fancyheader-inner">
+        <div class="left">
+            <h1>my music</h1>
+            <div class="subheader">
+                <span>art for your ears!</span>
+            </div>
+        </div>
+    </div>
+</div>
+
 <main>
     <script type="module" src="/script/music.js"></script>
 
-    <h1 class="typeout">
-        # my music
-    </h1>
-
     <div id="music-container">
         {{range $Release := .}}
         <div class="music" id="{{$Release.ID}}">
@@ -54,7 +61,7 @@
 
     <h2 id="usage" class="question typeout">
         <a href="#usage">
-            &gt; "can i use your music in my content?"
+            Q: "can i use your music in my content?"
         </a>
     </h2>
     <div class="answer">