add glow effect to header text
This commit is contained in:
parent
361d219171
commit
a5209e3b89
@ -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 {
|
||||
|
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user