JSFiddle - React, Tailwind, and code Playground

HTML

<div class="sabz" title="z-index:1">کاشمر</div>
<div class="sefid" title="z-index:2">پیام نور</div>
<div class="ghermez" title="z-index:3">انجمن</div>

CSS

:root { background:#4976A3; text-shadow:0px 0px 5px white;
font-family:"bkoodak", b koodak , tahoma ;
font-size:21px;}
.sabz {
    position:absolute;
    top:50px;
    left:50px;
    
    width:200px;
    height:50px;
    background:#88CC31;
}
.sefid {
    position:absolute;
    top:75px;
    left:75px;

    width:200px;
    height:50px;
    background:#EFEFEF;
}
.ghermez {
    position:absolute;
    top:100px;
    left:100px;

    width:200px;
    height:50px;
    background:#E12829;
}