JSFiddle - React, Tailwind, and code Playground

by Andrey Izman

HTML

<div id="DIV_1">
	<div id="DIV_2">
		<div id="DIV_3">
			<div id="DIV_4">
			</div>
			<div id="DIV_5">
			</div>
			<div id="DIV_6">
			</div>
			<div id="DIV_7">
			</div>
			<div id="DIV_8">
			</div>
			<div id="DIV_9">
			</div>
			<div id="DIV_10">
			</div>
			<div id="DIV_11">
			</div>
			<div id="DIV_12">
			</div>
		</div>
	</div>
	<div id="DIV_13">
		Файлы обрабатываются, пожалуйста, подождите ...
	</div>
</div>

CSS

#DIV_1 {
    bottom: 0px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    height: 157px;
    left: 0px;
    min-height: auto;
    min-width: auto;
    position: relative;
    right: 0px;
    text-align: center;
    text-decoration: none solid rgb(255, 255, 255);
    text-shadow: rgb(255, 255, 255) 0px 0px 0px;
    text-size-adjust: 100%;
    top: 0px;
    width: 529.062px;
    column-rule-color: rgb(255, 255, 255);
    align-self: center;
    perspective-origin: 264.531px 78.5px;
    transform-origin: 264.531px 78.5px;
    caret-color: rgb(255, 255, 255);
    border: 0px none rgb(255, 255, 255);
    font: normal normal 300 normal 15px / 24px Roboto, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
    padding: 15px;
}/*#DIV_1*/

#DIV_2 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    display: inline-block;
    height: 66px;
    text-align: center;
    text-decoration: none solid rgb(255, 255, 255);
    text-shadow: rgb(255, 255, 255) 0px 0px 0px;
    text-size-adjust: 100%;
    width: 66px;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 33px 33px;
    transform-origin: 33px 33px;
    caret-color: rgb(255, 255, 255);
    border: 0px none rgb(255, 255, 255);
    font: normal normal 300 normal 15px / 24px Roboto, sans-serif;
    margin: 0px 0px 15px;
    outline: rgb(255, 255, 255) none 0px;
}/*#DIV_2*/

#DIV_3 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    height: 66px;
    text-align: center;
    text-decoration: none solid rgb(255, 255, 255);
    text-shadow: rgb(255, 255, 255) 0px 0px 0px;
    text-size-adjust: 100%;
    top: 11px;
    width: 66px;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 33px 33px;
    transform-origin: 33px 33px;
    caret-color: rgb(255, 255, 255);
    border: 0px none rgb(255, 255, 255);
    font: normal normal 300 normal 15px / 24px Roboto, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
}/*#DIV_3*/

#DIV_4 {
    bottom: -8.93919px;
   ...