By Tobias Ahlin
@tobiasahlinText compositions are free to use, licensed under MIT. Site design & code © Tobias Ahlin, 2023.
Grumpy wizards make toxic brew for the evil Queen and Jack.
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
123456789 !?:%;&_/"()’[]'$£@”
<!-- Include in <head> to load fonts from Google -->
<link href='https://fonts.googleapis.com/css?family=Merriweather:300italic' rel='stylesheet' type='text/css'><!-- Typography -->
<div class="fto">
<h1 class="fto-r1">The Pleasure</h1>
<h1 class="fto-r2">of</h1>
<h1 class="fto-r3">Finding Things Out</h1>
</div>
<style type="text/css">
.fto {
color: #000;
text-align: center;
background-color: #f6f6f6;
font-family: Merriweather, serif;
font-weight: 300;
font-style: italic;
line-height: 3em;
padding-top: 12em;
padding-bottom: 13em;
}
.fto-r1 {
font-size: 6.5em;
font-weight: 300;
line-height: 1.2em;
}
.fto-r2 {
font-size: 3em;
color: #d44b15;
line-height: 1em;
font-weight: 300;
position: relative;
display: inline-block;
}
.fto-r2::after {
content: '';
height: 1px;
background-color: #d44b15;
width: 2em;
position: absolute;
top: 0.5em;
left: -2.5em;
}
.fto-r2::before {
content: '';
height: 1px;
background-color: #d44b15;
width: 2em;
position: absolute;
top: 0.5em;
right: -2.5em;
}
.fto-r3 {
font-size: 4.3em;
line-height: 1.4em;
font-weight: 300;
}
</style>Text compositions are free to use, licensed under MIT. Site design & code © Tobias Ahlin, 2023.