add glow effect to header text

This commit is contained in:
Aidan 2024-12-31 14:28:30 -05:00
parent 361d219171
commit a5209e3b89
2 changed files with 3 additions and 3 deletions

View File

@ -2,8 +2,8 @@
@tailwind components;
@tailwind utilities;
.glow {
box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
.glow-txt {
text-shadow: 0 0 10px rgba(255, 255, 255, 0.7), 0 0 20px rgba(255, 255, 255, 0.5), 0 0 30px rgba(255, 255, 255, 0.3);
}
body {

View File

@ -14,7 +14,7 @@
<div class="relative isolate px-6 pt-13 lg:px-8">
<div class="mx-auto py-32 sm:py-48 lg:py-56">
<div class="text-center">
<h1 class="text-balance text-4xl font-bold tracking-tight text-slate-200 sm:text-6xl mb-2">Aidan | lxu | pontus</h1>
<h1 class="text-balance text-4xl font-bold tracking-tight text-slate-200 sm:text-6xl mb-2 glow-txt">Aidan | lxu | pontus</h1>
<p class="mt-6 text-lg leading-8 text-slate-200">Personal systems administrator, hardcore Linux user, and casual developer.</p>
</div>
</div>