JSFiddle - React, Tailwind, and code Playground

HTML

<div class="authentication">
    <div class="form-inputs"></div>
</div>

CSS

.authentication {
        width: 100%;
    }
    body:hover .authentication{
        height: 100%;
        background-color: #4BC5DA;
        -webkit-transition: background-color 3s ease, height 3s ease;
        -moz-transition: background-color 3s ease, height 3s ease;
        -o-transition: background-color 3s ease, height 3s ease;
        -ms-transition: background-color 3s ease, height 3s ease;
        transition: background-color 3s ease, height 3s ease;
    }
    body, html {
        width: 100%;
        height: 100%;
    }