Roll with it.
Found it on Dribbble: https://dribbble.com/shots/1349133-Never-Give-Up
A Pen by Bart Veneman on CodePen.
h1 | |
strong Never | |
span gonna | |
strong give | |
span you | |
strong up. |
Roll with it.
Found it on Dribbble: https://dribbble.com/shots/1349133-Never-Give-Up
A Pen by Bart Veneman on CodePen.
@import url('https://fonts.googleapis.com/css?family=Teko:300,600') | |
html | |
background #eeddc3 | |
body | |
margin 0 | |
height 100vh | |
display flex | |
flex-direction column | |
justify-content center | |
align-items center | |
h1 | |
border 0.3em solid #ffffff | |
padding 1.5em 1em | |
width 10em | |
background #f4b642 | |
text-align center | |
text-transform uppercase | |
font-family 'Teko', sans-serif | |
font-size calc(1em + 2vmin) | |
font-weight 600 | |
strong | |
display block | |
color #3e4551 | |
line-height 1 | |
letter-spacing -0.02em | |
font-size 4.5em | |
span | |
display block | |
margin -0.7em 0 -0.2em | |
color #eeddc3 | |
font-weight 300 |