.. page:: titlePage

.. class:: centredtitle

Task 4: Change the default configuration

.. page:: standardPage

Before we start
---------------

.. code-block::
    :include: code/task-4-before.txt

.. page::

tailwind.config.js
------------------

.. code-block:: js
    :include: code/config-1.txt
    :linenos:

Adding the Bebas font
---------------------

.. code-block:: html
    :include: code/config-2.txt
    :hl_lines: 5 6

Updating existing classes
-------------------------

.. code-block:: diff
    :include: code/config-3.txt


Updating existing classes
-------------------------

.. code-block:: diff
    :include: code/config-4.txt

.. page:: imagePage

.. image:: images/after-config.png
    :width: 22cm