JSFiddle - React, Tailwind, and code Playground

by adward

HTML

<div id="sidebar">
    <h2>Корпоративный блог</h2>
    <div class="descript">Описание</div>
</div>

CSS

body {  
    margin:30px;
    background: url(http://leadertrans.su/wp-content/themes/moris/img/bg.jpg) #c2c2c2;
}
#sidebar h2{
    font-style: italic;
    font-family:calibri; 
    font-size:29px; 
    font-weight: normal; 
    letter-spacing: -1px; 
    color: #1a8118; 
    text-shadow:  
        -1px -1px #666,  
        1px 1px white,
        20px 10px 30px white, 
        -20px 10px 30px white, 
        20px -10px 30px white, 
        -20px -10px 30px white; 
} 
.descript{
    font-style: italic;
    font-family:calibri; 
    font-size:29px; 
    font-weight: normal; 
    
    background-color: #666666;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
}