JSFiddle - React, Tailwind, and code Playground

by kodjoe mambi

CSS

/* GENERAL */
body, .background_2xT { background-color: #111!important; overflow-y: hidden!important; }
a:hover, a:focus, a:active  { cursor: pointer!important; }



/* POPUP CLOSE BUTTON */
.close-button_1Za {
position: fixed!important;
}


/* FONT-SIZE */
.ui-headingLg {
line-height: 0.9!important;
margin-top: 0px!important;
}

h1, h1.wl-title-home {
font-size: calc(24px + 15vw)!important;
line-height: 0.75!important;
}

h2.wl-la-salle {
font-size: calc(22px + 11vw)!important;
}

h2 {
font-size: calc(12px + 7.5vw)!important;
}

h3 {
font-size: calc(10px + 3.9vw)!important;
letter-spacing: initial!important;
}

.wl-small-text {
font-size: calc(7px + 2.1vw)!important;
}

.wl-small-ten {
font-size: 11px!important;
margin-top: 0px!important;
}

/* BIG TITLE SECTION LEFT / RIGHT / CENTER */
.wl-title-center h1 {
position: absolute!important;
left: 0!important;
right: 0!important;
z-index: -1!important;
}

h1.wl-title-home span {
white-space: nowrap!important;
text-overflow: ellipsis!important;
overflow: visible!important;
}

.wl-title-left h1 {
position: absolute!important;
left: -3%!important;
white-space: nowrap!important;
text-overflow: ellipsis!important;
overflow: visible!important;
/* 
color: #f24908!important;
padding: 40px 80px 40px 0px!important;
background: -webkit-linear-gradient(#f00, #fe601b)!important;
border-radius: 38px!important;
transform: skew(340deg)!important;
 */
}

.wl-title-right h1 {
position: absolute!important;
right: -1%!important;
white-space: nowrap!important;
text-overflow: ellipsis!important;
overflow: visible!important;
/* 
color: #f24908!important;
padding: 40px 0px 40px 80px!important;
background: -webkit-linear-gradient(#f00, #fe601b)!important;
border-radius: 38px!important;
transform: skew(340deg)!important;
 */
}






/* IMG - NON SELECT + BORDER RADIUS */
img[src], .w-picture-wrapper {
pointer-events: none!important;
border-radius: 38px!important;
}

.wl-no-border img[src],
.wl-no-border .w-picture-wrapper {
pointer-events:...