CSS
body {
color: #333;
font-family: 'Permanent Marker', cursive;
}
.container {
position: fixed;
left: 50%;
top: 50%;
width: 600px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.word {
position: relative;
bottom: 50px;
font-size: 8em;
}
.heart {
position: relative;
top: 7em;
left: 100px;
width: 100px;
height: 100px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #F9625A;
}
.heart:before,
.heart:after {
position: absolute;
width: 100px;
height: 100px;
content: '';
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background-color: #F9625A;
}
.heart:before {
bottom: 0px;
left: -50px;
}
.heart:after {
top: -50px;
right: 0px;
}
