diff --git a/roadmap/index.html b/roadmap/index.html
index c8b7b9e..9d75543 100644
--- a/roadmap/index.html
+++ b/roadmap/index.html
@@ -38,7 +38,6 @@ layout: page
       </div>
     </div>
   </div>
-
   {% if site.data.next.cards.done.size > 0 %}
     <div class="pt-48">
       <div class="gridwrapper">
@@ -52,7 +51,6 @@ layout: page
       </div>
     </div>
   {% endif %}
-
   {% if site.data.next.cards.in_progress.size > 0 %}
     <div class="pt-48">
       <div class="gridwrapper">
@@ -64,14 +62,12 @@ layout: page
         <div class="flex absolute pl-8 ">
           <span class="opacity-50">Being in progress does not imply the project will be completed soon. Plenty will take a while and a few might even get discarded. Read the monthly blog updates to follow the progress and conclusion of every project.</span>
         </div>
-
         {% for card in site.data.next.cards.in_progress %}
           {% include project_card.html state = 'in_progress' %}
         {% endfor %}
       </div>
     </div>
   {% endif %}
-
   {% if site.data.next.cards.discarded.size > 0 %}
     <div class="pt-48">
       <div class="gridwrapper">
@@ -120,50 +116,3 @@ layout: page
     </div>
   </div>
 </section>
-
-
-<!--
-  this is only for the roadmap.
-  Luke will clean this at a later date.
--->
-<style>
-  .gridwrapper{
-    display: grid;
-    grid-template-columns: repeat(1, auto);
-    grid-template-rows: auto;
-    grid-row-gap: 10px;
-    grid-auto-flow: row;
-    margin-left: auto;
-    margin-right: auto;
-    max-width: 1350px;
-  }
-
-  .card{
-    max-width: auto;
-  }
-
-  .shadowthing{
-    box-shadow: 0 0px 90px 0 rgba(59, 93, 199, 0.1), 0 0px 5px 0 rgba(0, 0, 0, 0);
-  }
-
-  @media (min-width: 768px) {
-
-   }
-
-  @media (min-width: 640px) {
-    .gridwrapper{
-      grid-template-columns: repeat(1, auto);
-    }
-  }
-
-  @media (min-width: 1024px) {
-    .gridwrapper{
-      grid-template-columns: repeat(3, minmax(auto, 445px));
-    }
-
-    .card{
-      max-width: 445px;
-    }
-  }
-
-</style>