add glow effect to header text
This commit is contained in:
parent
361d219171
commit
a5209e3b89
@ -2,8 +2,8 @@
|
|||||||
@tailwind components;
|
@tailwind components;
|
||||||
@tailwind utilities;
|
@tailwind utilities;
|
||||||
|
|
||||||
.glow {
|
.glow-txt {
|
||||||
box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
|
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 {
|
body {
|
||||||
|
@ -14,7 +14,7 @@
|
|||||||
<div class="relative isolate px-6 pt-13 lg:px-8">
|
<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="mx-auto py-32 sm:py-48 lg:py-56">
|
||||||
<div class="text-center">
|
<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>
|
<p class="mt-6 text-lg leading-8 text-slate-200">Personal systems administrator, hardcore Linux user, and casual developer.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user