Back to Humanity

by Mohammed Ismail Ansari

HTML

<div id="main">
    <div id="inner">
        Back to
        <br />
        Humanity        
    </div>
</div>
<div id="overlay1">
    
</div>

CSS

body
{
    margin: 0px;
}

#main
{
    width: 400px;     height: 400px;
    font-size: 72px;     font-family: Arial;    color: White;
    text-align: center;
    background-color: Black;
    background-image: -webkit-linear-gradient(top, black 80%, #606060 100%);
    -webkit-perspective: 500px;
    border-radius: 50px;
}

#inner
{
    float: left;
    margin: 120px 0px;
    width: 400px;
}

#overlay1
{
    position: absolute;    top: 0px;
    background-color: white;
    background-image: -webkit-linear-gradient(top, white 0%, black 100%);
    width: 340px;    height: 50px;    margin: 30px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    opacity: 0.7;
}