сделай примерно в таком же стиле домашнуюю страницу, как страницу логина
login.html
{% load static %}
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="{% static 'css/main.css' %}">
    <link href=“https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap” rel=“stylesheet”>
</head>
<body class="auth-page">
    <form method="post" action="{% url 'login' %}" class="authentication-form">
        {% csrf_token %}
        {{ form.non_field_errors }}
        <div>
            {{ form.username.label_tag }}
            {{ form.username }}
            {% if form.username.errors %}
                <div class="error">
                    {{ form.username.errors.as_text }}
                </div>
            {% endif %}
        </div>
        <div>
            {{ form.password.label_tag }}
            {{ form.password }}
            {% if form.password.errors %}
                <div class="error">
                    {{ form.password.errors.as_text }}
                </div>
            {% endif %}
        </div>
        <button type="submit">Войти</button>
    </form>
</body>
</html>
home.html
{% load static %}
<!DOCTYPE html>
<html lang=“en”>
<head>
    <meta charset=“UTF-8”>
    <link rel="stylesheet" href="{% static 'css/main.css' %}">
    <title>Home Page</title>
</head>
<body>
    <h1>Чат</h1>
    {% if user.is_authenticated %}
        <div>
            <h2>Чат отдела</h2>
            <ul>
                {% for message in messages %}
                     <li><strong>{{ message.author.username }}:</strong> {{ message.message_text }}
                    <small>{{ message.timestamp|date:"H:i:s" }}</small></li>
                {% endfor %}
            </ul>
            <form action="{% url 'post_message' %}" method="post">
                {% csrf_token %}
                <input type="text" name="message_text" placeholder="Type your message here…">
                <button type="submit">Send</button>
            </form>
        </div>
           <a href="{% url 'home' %}" class="btn-link">Чат</a>
        <a href="{% url 'tasks_list' employee_id=user.id %}" class="btn-link">Задачи</a>
        <a href="{% url 'employee_profile' employee_id=user.id %}" class="btn-link">Профиль</a>
        <a href="{% url 'resources_list' employee_id=user.id %}" class="btn-link">Ресурсы</a>
        <a href="{% url 'logout' %}" class="btn btn-danger" style="float: right; margin: 10px;">Выйти</a>
    {% else %}
        <a href="{% url 'login' %}" class="btn btn-primary">Login</a>
    {% endif %}
</body>
</html>
main.css
body {
   font-family: 'Arial', sans-serif;
   background-color: #ffffff;
   color: #212336;
   padding: 20px;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.auth-page {
   background-color: #212336;
   color: #212336;
   padding: 0px;
}

.authentication-form {
    width: 350px;
    padding: 60px;
    background-color: #e3eeff;
    border-radius: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: FreeMono, monospace;
    font-weight: 700;
    font-size: x-large;
    line-height: 2.0;
    color: #003366;
}

.authentication-form input, .authentication-form button {
    border: none;
    border-color: #002142;
    width: 90%;
    padding: 20px;
    border-radius: 15px;
    background-color: #b6c6db;
    color: #002142;
    font-family: FreeMono, monospace;
    font-weight: 700;
    font-size: x-large;
}

.authentication-form input:-webkit-autofill {
    font-family: FreeMono, monospace;
    font-weight: 700;
    font-size: x-large;
    box-shadow: 0 0 0px 1000px #b6c6db inset;
    -webkit-text-fill-color: #002142;
}

.authentication-form input:focus, .authentication-form button:focus {
    outline: none;
    border: none;
}

.authentication-form button {
    background-color: #606dd1;
    color: #c4dcff;
    border: none;
    padding: 30px;
    width: 90%;
    margin-top: 60px;
    font-family: FreeMono, monospace;
    font-size: x-large;
    border-radius: 20px;
    cursor: pointer;
}

.authentication-form button:hover {
    background-color: #49539e
}

.error {
    color: red;
    font-size: 0.9em;
    margin-top: 5px;
}