JSFiddle - React, Tailwind, and code Playground

by Alexey Ryazhskikh

HTML

<div>
<p>
    Tousled distillery Marfa ugh. Literally freegan 90's PBR, occupy four loko Portland Neutra. Tofu viral mixtape, next level disrupt Neutra drinking vinegar Marfa Portland VHS flexitarian Pinterest keytar. High Life four dollar toast fixie, swag cold-pressed pug beard Austin locavore gluten-free YOLO Carles tilde artisan. Bicycle rights banh mi asymmetrical squid salvia Kickstarter, Neutra ethical gastropub migas DIY. Plaid Williamsburg tattooed, wayfarers selvage disrupt sriracha Etsy Wes Anderson kogi freegan gentrify Bushwick blog hashtag. Mustache banjo pour-over irony, try-hard aesthetic pop-up yr listicle seitan.
</p>
    <p>
Keffiyeh readymade gluten-free listicle you probably haven't heard of them. YOLO plaid fashion axe twee, keffiyeh tattooed slow-carb before they sold out authentic wolf taxidermy street art. Helvetica meggings put a bird on it cornhole, Odd Future +1 cold-pressed mustache semiotics Etsy. Mumblecore Godard fap, skateboard put a bird on it semiotics paleo XOXO Odd Future ennui before they sold out literally. Wayfarers iPhone freegan Pitchfork. Pug raw denim VHS Portland. Stumptown blog typewriter, cred tote bag Etsy fap heirloom kogi cardigan post-ironic tofu keffiyeh Pinterest direct trade.

Neutra flexitarian blog, fanny pack aesthetic heirloom pour-over Marfa wayfarers direct trade authentic forage PBR keffiyeh umami. Pop-up bitters migas, leggings mumblecore YOLO Schlitz mlkshk pug wolf. Cardigan migas PBR&B, Truffaut whatever tattooed locavore artisan drinking vinegar polaroid sustainable Pinterest tofu. Put a bird on it pour-over brunch, squid kale chips slow-carb viral Godard Echo Park Blue Bottle small batch. Pour-over kogi Austin fap, 8-bit sriracha meggings fingerstache bespoke authentic Blue Bottle you probably haven't heard of them crucifix disrupt. Swag Shoreditch Carles health goth, viral try-hard 8-bit XOXO. Wolf taxidermy pickled ugh, fingerstache normcore kitsch slow-carb cornhole Carles.
    </p>
   ...

CSS

#overlay {
background-color: rgba(0, 0, 0, 0.498039);
display: block;
height: 100%;
left: 0px;
position: fixed;
top: 0px;
width: 100%;
z-index: 10;
}

#next-button {
background-color: transparent;
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-style: solid;
border-bottom-width: 60px;
border-left-color: rgb(0, 128, 0);
border-left-style: solid;
border-left-width: 60px;
border-top-color: rgba(0, 0, 0, 0);
border-top-style: solid;
border-top-width: 60px;
cursor: pointer;
display: block;
height: 0px;
position: absolute;
left: 50%;
top: 50%;
width: 0px;
z-index: 11;
}