{{ block content }}

  <header>
      <h1 align="center">Important Information</h1>
  </header>
  
  <main>
  <div> <!--used to align everything left-->

    <p style="text-align: justify">
      Before explaining more about this experiment, here is a concept you require to know for this experiment.  </p>
         <p align="left"><br><b>
             Normal Distribution
    </b></p>
    <p>
       As mentioned before, the experiment today is broken into two parts where the first part will comprise 20 rounds and second part is a survey. These are the instructions for Part 1 of the experiment. <br></p>
      <p style="text-align: justify"> Normal distribution is a way to describe how things are spread out, like the heights of people or the weights of clementines in a basket. It looks like a bell-shaped curve when you plot it on a graph. </p>
      <p style="text-align: justify">
       Imagine you have a group of people who are all the same age. If you were to measure the height of each person and plot it on a graph, you would get a normal distribution. Most people would be of average height, with some people being taller and some people being shorter. The curve of the graph would be highest at the average height and would slope down towards the shorter and taller heights.
      </p>
<div style ="text-align: center;">
<img size="10" ,class="display", src="{{ static 'ND1.png' }}"></img>
</div>
      <p style="text-align: justify"> In a normal distribution, the mean is the average value of all the data points. It's like finding the balance point on a seesaw - if you add up all the values and divide by the number of values, you get the mean. The variance, on the other hand, measures how spread out the data is. It's like looking at how far each data point is from the mean.
      </p>

</div>
      <p> Please click "Next" to continue with the instructions.</p>
  </main>


<style>
    .linksum{
    text-align: left;
    word-wrap: break-word;
    max-width: 900px;
    margin: auto;
  }

IMG.display {
display: block;
  margin-left: auto;
  margin-right: auto}
  </style>

    {{ formfields }}
    {{ next_button }}

{{ endblock }}