JSFiddle - React, Tailwind, and code Playground

by Ivin Raj S

HTML

<body>
<h1>
 Title
</h1>
<video width=800 height=600 id=v controls loop>
    <source src=video.webm type=video/webm>
    <source src=video.ogg type=video/ogg>
    <source src=http://www.w3schools.com/html/mov_bbb.mp4 type=video/mp4>

</video>
<div id="myNav" class="overlay"> </div>


<h2>
 Some text
</h2>

</body>

CSS

body {
    margin: 0;
    font-family: 'Lato', sans-serif;
}

.overlay {
    height: 150px;;
    width: 300px;
    position: absolute;
    z-index: 0;
    top: 0px;
    left: 0px;
      overflow: auto;
    background:transparent;
    border-radius: 2px;
    border: 2px solid #FF0000;

    transition: 0.0s;
}