34 lines
No EOL
605 B
Svelte
34 lines
No EOL
605 B
Svelte
<p class="logo">
|
||
<span>D</span><span class="letter--dim">i</span><span>s</span><span class="letter--dim">se</span><span>nt</span>
|
||
</p>
|
||
<p class="motto">The web’s comment section.</p>
|
||
|
||
<style>
|
||
|
||
p {
|
||
line-height: 1;
|
||
}
|
||
|
||
.logo {
|
||
font-family: 'Koulen', sans-serif;
|
||
letter-spacing: -.1em;
|
||
color: var(--c-bright);
|
||
font-size: 82px;
|
||
margin: 0;
|
||
line-height: .8;
|
||
}
|
||
.logo span{
|
||
z-index: 1;
|
||
position: relative;
|
||
display: inline-block;
|
||
}
|
||
.logo span.letter--dim{
|
||
color: #cc9680;
|
||
z-index: 0;
|
||
}
|
||
|
||
.motto{
|
||
color: var(--c-2);
|
||
margin: 0;
|
||
}
|
||
</style> |