<div class="section">
  <div class="block">1</div>
  <div class="block-2">2</div>
  <div class="block-3">3</div>
  <div class="block-bright">bright</div>
  <div class="block-medium">medium</div>
  <div class="block-accent">accent</div>
</div>
<div class="section">
  <div class="block-4">4</div>
  <div class="block-5">5</div>
  <div class="block-6">6</div>
  <div class="block-7">7</div>
  <div class="block-8">8</div>
  <div class="block-9">9</div>
</div>
<div class="section">
  <div class="block-10">10</div>
  <div class="block-11">11</div>
  <div class="block-12">12</div>
  <div class="block-13">13</div>
  <div class="block-14">14</div>
  <div class="block-15">15</div>
</div>
<div class="section">
  <div class="block-16">16</div>
  <div class="block-17">17</div>
  <div class="block-18">18</div>
  <div class="block-19">19</div>
  <div class="block-20">20</div>
  <div class="block-21">21</div>
</div>
<div class="section">
  <div class="block-22">22</div>
  <div class="block-23">23</div>
  <div class="block-24">24</div>
  <div class="block-25">25</div>
  <div class="block-26">26</div>
  <div class="block-27">27</div>
</div>
<div class="section">
  <div class="block-28">28</div>
  <div class="block-29">29</div>
  <div class="block-30">30</div>
  <div class="block-31">31</div>
  <div class="block-32">32</div>
  <div class="block-33">33</div>
</div>