{{ block content }}

    <style>

        .ul_properties {
            /* Increase line-height
               compare to default */
            line-height: 3em;
            float: left;
        }

    </style>

    <h1>Group Assignment</h1>

    <div class="card bg-light instructions" style="border: 1px solid #3368FF">

    <div class="card-body">

        <div class="ul_properties">
            <ul style="font-size:20px">
                <li> As you saw, the two groups are of equal size, and they are labelled in the following way:</li>
                <ul>
                    <li> The <b>triangle group</b>, that we sometimes refer to with a triangle symbol: &#9650;</li>
                    <li> and <b>square group</b>, that we sometimes refer to with a square symbol: &#x25a0; </li>
                </ul>
                <li> You will learn more about these two groups later. </li>
                <li> <b>You will also soon learn which group you’ll be a part of.</b> </li>
            </ul>
        </div>
    </div>
    </div>

    {{ next_button }}

{{ endblock }}