</head>
<body>
<header>
- <p>
- <a href="https://june.codes">[June Gardner]</a> ---- {{ page.title }}
- </p>
+ <a href="https://june.codes">[June Gardner]</a>
+ <p>{{ page.title }}</p>
<nav>
<a href="https://june.codes/log">(log)</a>
<a href="https://june.codes/projects">(projects)</a>
margin: 0;
}
-header > p > a, header > nav > a {
+header > a {
+ justify-self: start;
+}
+
+header > a, header > nav > a {
text-decoration: none;
}
border-radius: 4rem;
}
-header > p > a:hover, header > nav > a:hover {
+header > a:hover, header > nav > a:hover {
color: var(--foreground);
background: var(--background);
}