<!DOCTYPE html>
<html lang="en" class='w-full h-full'>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
        integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />
    <link rel='stylesheet' href='/dist/styles.css'>
    <title>Test1</title>
</head>

<body>
    <form>
        <div>
            <label for='username'>User Name:</label>
            <input type='text' id='username' name='username' class='border-rhino-900 border-4'>
        </div>
    </form>
</body>

</html>