diff --git a/assets/styles/screen/links.scss b/assets/styles/screen/links.scss
index 525e385..17be882 100644
--- a/assets/styles/screen/links.scss
+++ b/assets/styles/screen/links.scss
@@ -27,20 +27,3 @@ a:hover {
 @media (prefers-reduced-motion) {
 	a:link {transition: none}
 }
-
-/* mark external links */
-
-a[href^="http"]:after {
-	content: "🡕";
-}
-
-a[href^="{{.Site.BaseURL}}"]:after
-{
-	display: none !important;
-}
-
-a[href^="http://localhost"]:after
-{
-	display: none !important;
-}
-
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 36b8769..93c0783 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -22,6 +22,7 @@
 </script>
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">
 {{ partial "seo.html" . }}
+{{ partial "styles/external-links.html" . }}
 {{ block "head" . }}
 {{ end }}
 </head>
diff --git a/layouts/partials/styles/external-links.html b/layouts/partials/styles/external-links.html
new file mode 100644
index 0000000..0db6089
--- /dev/null
+++ b/layouts/partials/styles/external-links.html
@@ -0,0 +1,15 @@
+<style>
+a[href^="http"]:after {
+	content: "🡕";
+}
+
+a[href^="{{.Site.BaseURL}}"]:after
+{
+	display: none !important;
+}
+
+a[href^="http://localhost"]:after
+{
+	display: none !important;
+}
+</style>
\ No newline at end of file