34 lines
605 B
Svelte
34 lines
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>
|