anchor.diff:          <% end %>
         <% end %>
   
  -      <%= render CardComponent.new do |card| %>
  +      <%= render CardComponent.new(classes: 'odin-dark-bg-accent') do |card| %>
           <% card.body(classes: 'py-4 text-center' ) do %>
             <p class="font-bold text-gray-400 text-4xl">5000+</p>
             <p>Contributors</p>
           <% end %>
         <% end %>
   
  -      <%= render CardComponent.new do |card| %>
  +      <%= render CardComponent.new(classes: 'odin-dark-bg-accent') do |card| %>
           <% card.body(classes: 'py-4 text-center' ) do %>
             <p class="font-bold text-gray-400 text-4xl">2013</p>
             <p>Founded</p>
  
positive.code:       </div>
  
        <div class="col-span-3 lg:col-span-1">
          <%= render CardComponent.new do |card| %>
            <% card.header(classes: 'flex px-4 align-middle') do %>
              <a href="https://www.github.com/theodinproject" target="_blank"><i class="fab fa-github fa-3x"></i></a>
              <h3 class="font-bold text-4xl text-gray-400 inline-block ml-4">Open Source</h3>
  
negative.code:       <% end %>
  
        <div class="col-span-3 lg:col-span-2">
          <%= render CardComponent.new(classes: 'h-full odin-dark-bg-accent') do |card| %>
            <% card.header(classes: 'px-4') do %>
              <h3 class="font-bold text-4xl">Origin of The Odin Project</h3>
            <% end %>
  