JSFiddle - React, Tailwind, and code Playground

HTML

<div class="page-container">
    <ol>
        <li><li><li><li><li><li><li><li><li><li>
        <li><li><li><li><li><li><li><li><li><li>
        <li><li><li><li><li><li><li><li><li><li>
        <li><li><li><li><li><li><li><li><li><li>
    </ol>
</div>

CSS

html, body, .page-container {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
}

li {
    margin: 40px;
}

body.hover {
    background: crimson;
}

JavaScript

$('.page-container').hover(function() {
    $('body').toggleClass('hover');
});