{{ block title }}
{{ endblock }}
{{ block content }}

<style>
  .info-wrap { max-width: 900px; margin: 0 auto; line-height: 1.55; }
  .info-title { text-align: center; font-weight: 700; margin-bottom: 18px; }
  .info-p { margin: 10px 0; }

  .key-box{
    background:#fff7e6;
    border:1px solid #ffd28a;
    border-radius:12px;
    padding:14px 16px;
    margin-top:14px;
  }
  .key-title{ font-weight:700; margin-bottom:8px; }

  .q { margin: 14px 0; }
  .q-title { font-weight: 600; margin-bottom: 8px; }
</style>

<div class="info-wrap">

  <div class="info-title"></div>
  <p class="info-p">
    At the start there is no pre-existing immunity and no vaccine or treatment.
    The figures you will see are population averages; your personal risk can differ.
  </p>
  <div class="key-box">
    <div class="key-title">Two characteristics summarize the disease</div>

    <p class="info-p">
      <strong>Transmissibility:</strong>
      Average number of people one infected person infects.
    </p>

    <p class="info-p">
      <strong>Severity:</strong>
      The number of deaths per 1,000 confirmed cases.
    </p>
  </div>


<center><button class="btn btn-primary">Continue</button></center>

{{ endblock }}