live-markdown
Version:
21st century markdown
30 lines (27 loc) • 563 B
Markdown
<style>
@import url('https://fonts.googleapis.com/css?family=Luckiest+Guy');
@import url('https://fonts.googleapis.com/css?family=Sniglet');
.header{
display: flex;
justify-content: center;
width: 1024px;
position: relative;
}
.header>h1{
font-family: Luckiest Guy;
font-size: 60px;
}
.header>h2{
font-family: Sniglet;
font-size: 60px;
color: red;
position: absolute;
top: 40px;
left: calc(50% + 120px);
transform: rotate(-10deg);
}
</style>
<div class="header">
<h1>MARKDOWN</h1>
<h2>live</h2>
</div>