JSFiddle - React, Tailwind, and code Playground

by stichoza

HTML

<h1>ნუ მიგზავნით აპლიკაციების ინვაითებს!</h1>
<div id="youtube">
    <iframe width="500" height="500" src="https://www.youtube.com/embed/AMTE8qnJ7h8?autoplay=1&controls=0" frameborder="0" allowfullscreen></iframe>
</div>
<div id="anticlicker"></div>

CSS

h1 {
    font-size:  3em;
    color: red;
    z-index: 999;
    text-align: center;
    position: fixed;
    width: 100%;
}
#anticlicker, #youtube {
    height: 362px;
    width: 334px;
    z-index: 900;
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -167px;
}
#youtube {
    overflow: hidden;
    z-index: 400;
}
#youtube iframe {
    width: 500px;
    height: 500px;
    position: relative;
    top: -73px;
    left: -85px;
}