Love2Dev-Logo-CSS

#heart {

position: relative ;

margin: 20px 0 0 0 ;

height: 60px ;

color: #fff ;

text-align: center ;

font-size: 2em ;

/*padding: 0 5px;*/

/*width: 120px;*/

}

#heart:before,

#heart:after {

position: absolute ;

top: 0 ;

left: 60px ;

width: 60px ;

height: 90px ;

-moz-border-radius: 50px 50px 0 0 ;

border-radius: 30px 30px 0 0 ;

background: #80050F ;

content: "" ;

-moz-transform: rotate(-60deg) ;

-ms-transform: rotate(-60deg) ;

-o-transform: rotate(-60deg) ;

-webkit-transform: rotate(-60deg) ;

transform: rotate(-60deg) ;

-moz-transform-origin: 0 100%;

-ms-transform-origin: 0 100%;

-o-transform-origin: 0 100%;

-webkit-transform-origin: 0 100%;

transform-origin: 0 100%;

    }

#heart:after {

left: 0 ;

-moz-transform: rotate(60deg) ;

-ms-transform: rotate(60deg) ;

-o-transform: rotate(60deg) ;

-webkit-transform: rotate(60deg) ;

transform: rotate(60deg) ;

-moz-transform-origin: 100% 100%;

-ms-transform-origin: 100% 100%;

-o-transform-origin: 100% 100%;

-webkit-transform-origin: 100% 100%;

transform-origin: 100% 100%;

    }

.logo-text {

display: block ;

margin: auto ;

width: 80px ;

height: 50px ;

color: #fff ;

text-align: center ;

-webkit-text-shadow: 2px 2px #333;

text-shadow: 2px 2px #333;

font-weight: bold ;

font-size: 1.7em ;

line-height: 50px ;

-moz-transform: translate(0,-45px) ;

-ms-transform: translate(0,-45px) ;

-o-transform: translate(0,-45px) ;

-webkit-transform: translate(0,-45px) ;

transform: translate(0,-45px) ;

}