JSFiddle - React, Tailwind, and code Playground
HTML
<section id="niebo">
<h2>EDUWEB.PL</h2>
<div class="css3">CSS3</div>
<div class="podtytul">Opanuj nowe standardy</div>
<div class="outer-wrapper">
<div class="planeta"></div>
<div class="tekst">
DOWIEDZ SIĘ, CO MOŻESZ OSIĄGNĄĆ DZIĘKI
WYKORZYSTANIU CSS3 NA STRONACH WWW.
TWÓRZ ANIMACJE, EFEKTY, GRAFIKI, KTÓRE
DZIAŁAJĄ NA WSZYSTKICH URZĄDZENIACH!
</div>
<div class="dalej"><a href="#">dalej</a></div>
</div>
</section>
CSS
#niebo{
background: #2b2b2b;
padding: 50px 0px 0px 0px;
}
#niebo h2{
margin:0px auto;
width:422px;
background: url('gfx/sky-header-strip.png') no-repeat center;
font-family: 'bebas_neue_regularregular';
text-align: center;
font-size:26px;
color: #dfdbc2;
}
#niebo .css3,.podtytul{
margin:0px auto;
text-align:center;
font-family: 'bebas_neue_regularregular';
color: #dfdbc2;
}
#niebo .css3{
width:410px;
margin-top: 50px;
font-size: 206px;
}
#niebo .podtytul{
font-size: 30px;
margin-top: -10px;
}
#niebo .outer-wrapper{
width:800px;
margin:0px auto;
position:relative;
margin-top: 50px;
}
#niebo .tekst{
width:400px;
color:#fff;
}