JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://www.isminiunuttum.com/qa-theme/Twentyeleven/qa-styles.css">
<div id="muzik-duyuru"><h2>Hatırlayamadığın Şarkı İle İlgili Hiçbir Şey Bilmiyor musun?</h2>
<h1>O zaman mikrofon SENDE!</h1>
    <h3>İster mırıldan ister söyle istersen çal!</h3>
    <h3><a href="http://ses.isminiunuttum.com/index.html">Buraya Tıkla, sen mırıldan biz bulalım!</a></h3>
    <div class="kapat"><a href="javascript:void(0)" onclick="$('#muzik-duyuru').slideUp()">x Kapat</a></div>
</div>

CSS

#muzik-duyuru {
-webkit-box-shadow: 0px 0px 10px 0px ;
box-shadow: 0px 0px 10px 0px ; 
-webkit-border-radius: 10px;
border-radius: 10px;
width: 450px;
height: 190px;
    position: fixed;
    top: -15px;
    left: 50%;
    margin-left: -225px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    background: #ffffff
}
#muzik-duyuru .kapat {position: absolute; top: 13px; right: 10px;}