JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html>
<head>
    <title>IE</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
    <div class="IE">
        <div class="OrbBB"></div>
        <div class="OrbB"></div>
        <div class="IEBS"></div>
        <div class="IEB"></div> 
        <div class="Blick"></div>
        <div class="BlickB"></div>
        <div class="WOTL"></div>
        <div class="WOBL"></div>
        <div class="WOBLR"></div>
        <div class="WOBLRRB"></div>
        <div class="WOBLRR"></div>
        <div class="WindowOT"></div>
        <div class="WindowOB"></div>
        <div class="WindowOBR"></div>
        <div class="OrbFB"></div>
        <div class="OrbF"></div>
        <div class="OrbFS"></div>
        <div class="WindowT"></div>
        <div class="WindowB"></div>
        <div class="WindowBR"></div>
        <div class="AnimateBlick"></div>
    </div>
</body>
</html>

CSS

/*---------- CSS ресет --------------*/
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
:focus {
    outline: 0;
}

div {
    position: absolute;
}
body 
{
    background: #fff;
}
/*---------- Тело Логотипа --------------*/
.IE {
    position: absolute;
    top: 100px;
    left: 400px;
    height: 498px;
    width: 514px;
}
.IEBS {
    background: #000b11;
    width: 430px;
    height: 398px;
    -webkit-border-radius: 300px;
    border-radius: 300px;
    top:48px;
    left:68px;
}
.IEB {
    background: #0475AD;
    background: -o-linear-gradient(0deg, #000B11 2%, #0475AD 30%, #0790DD 70%, #002A4E 95%, #000B11);
    background: -ms-linear-gradient(0deg, #000B11 2%, #0475AD 30%, #0790DD 70%, #002A4E 95%, #000B11);
    background: -moz-linear-gradient(0deg, #000B11 2%, #0475AD 30%, #0790DD 70%, #002A4E 95%, #000B11);
    background: -webkit-gradient(linear,0 0, 100% 0,color-stop(0.02, #000B11),color-stop(0.3, #0475AD),color-stop(0.7, #0790DD), color-stop(0.95,#002A4E ), to(#000B11));
    background: -webkit-linear-gradient(0deg, #000B11 2%, #0475AD 30%, #0790DD 70%, #002A4E 95%, #000B11);
    border-radius: 300px;
    height:396px;
    left:90px;
    top:52px;
    width:390px;
}
/*---------- Орбита логотипа --------------*/
.OrbFS {
    border-radius:1000px 150px 1000px 150px;
    -webkit-box-shadow:-5px -8px 0.7em #FBD131;
    box-shadow:-5px -8px 0.7em #FBD131;
    border-width:1px 0 0 1px;
    height:452px;
    left:80px;
    top:22px;
    width:430px;
}
.OrbF {
    height: 460px;
    width:420px;
    position: absolute;
    -webkit-box-shadow: -5px -8px 0.7em #FFF2B5;
    box-shadow: -5px -8px 0.7em #FFF2B5;
    border-radius:1000px 150px 1000px 150px;
    border:#d89703 solid;
    border-width:15px 0 0 35px;
    top: 10px;
    left: 50px;
}
.OrbFB {
    height:455px;
    left:39px;
    position:absolute;
    top:5px;
    width:420px;
    border-radius:1000px...