feat: remove unnecessary diagram and WIP copy

Author: epiqueras

index.html

@@ -203,9 +203,6 @@ <h4 class="HowKlerosWorks-description">The decision is enforced by the smart con
     </div>
     <h4 class="HowKlerosWorks-crowdsourcing col-8">Crowdsourcing taps into a global pool of jurors, while the blockchain guarantees evidential integrity and transparency
       in jury selection, and incentives for honest rulings.</h4>
-    <div class="col-10">
-      <img class="HowKlerosWorks-courtsDiagram" src="img/courts-diagram.png" alt="Courts Diagram">
-    </div>
   </div>
   <!-- End HowKlerosWorks -->
 
@@ -297,52 +294,6 @@ <h4 class="Security-description col-8">Bribe and attack resistant whilst offerin
   </div>
   <!-- End Security -->
 
-  <!-- Roadmap -->
-  <div class="Roadmap row">
-    <h2 class="col-12">Roadmap</h2>
-    <div class="col-12">
-      <div class="Roadmap-roadmap row">
-        <div class="col-10 col-sm-5 col-md-2 mt-5 mt-md-0">
-          <div class="Roadmap-date">
-            DATE
-            <div class="Roadmap-tooltip">
-              <h6 class="Roadmap-tooltipTitle">Registration Period</h6>
-              <p>Lorem ipsum dolor sit ametum alet anemet umetus.</p>
-            </div>
-          </div>
-        </div>
-        <div class="col-10 col-sm-5 col-md-2 mt-5 mt-md-0">
-          <div class="Roadmap-date">
-            DATE
-            <div class="Roadmap-tooltip Roadmap-tooltip--inverse">
-              <h6 class="Roadmap-tooltipTitle">Registration Period</h6>
-              <p>Lorem ipsum dolor sit ametum alet anemet umetus.</p>
-            </div>
-          </div>
-        </div>
-        <div class="col-10 col-sm-5 col-md-2 mt-5 mt-md-0">
-          <div class="Roadmap-date">
-            DATE
-            <div class="Roadmap-tooltip">
-              <h6 class="Roadmap-tooltipTitle">Registration Period</h6>
-              <p>Lorem ipsum dolor sit ametum alet anemet umetus.</p>
-            </div>
-          </div>
-        </div>
-        <div class="col-10 col-sm-5 col-md-2 mt-5 mt-md-0">
-          <div class="Roadmap-date">
-            DATE
-            <div class="Roadmap-tooltip Roadmap-tooltip--inverse">
-              <h6 class="Roadmap-tooltipTitle">Registration Period</h6>
-              <p>Lorem ipsum dolor sit ametum alet anemet umetus.</p>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <!-- End Roadmap -->
-
   <!-- Team -->
   <div class="Team row">
     <div id="team" class="anchor col-12"></div>

style.css

@@ -412,11 +412,6 @@ p {
   margin-top: 170px;
 }
 
-.HowKlerosWorks-courtsDiagram {
-  margin-top: 135px;
-  width: 100%;
-}
-
 /**************** End HowKlerosWorks ****************/
 
 /**************** UseCases ****************/
@@ -509,85 +504,6 @@ p {
 
 /**************** End Security ****************/
 
-/**************** Roadmap ****************/
-
-.Roadmap {
-  justify-content: center;
-  padding-bottom: 215px;
-  padding-top: 100px;
-  text-align: center;
-}
-
-.Roadmap-roadmap {
-  justify-content: center;
-  margin-top: 140px;
-}
-
-.Roadmap-date {
-  background: #799dc9;
-  border-radius: 33px;
-  color: #fff;
-  font-weight: 600;
-  height: 66px;
-  line-height: 66px;
-  margin: auto;
-  position: relative;
-  width: 66px;
-}
-
-.Roadmap-date:hover {
-  background: #052e69;
-}
-
-.Roadmap-date:hover .Roadmap-tooltip {
-  display: block;
-}
-
-.Roadmap-tooltip {
-  background: #fff;
-  border: 1px solid rgba(127, 130, 166, 0.03);
-  box-shadow: 0 0 6px 0 rgba(71, 82, 93, 0.09), 0 0 1px 0 rgba(77, 78, 90, 0.08),
-    0 2px 0 0 rgba(71, 82, 93, 0.09);
-  color: #000;
-  display: none;
-  font-weight: 400;
-  left: -104.5px;
-  padding: 12.5px 25px 5px;
-  position: absolute;
-  text-align: left;
-  top: 90px;
-  width: 275px;
-  z-index: 99;
-}
-
-.Roadmap-tooltip::after {
-  border-bottom: 10px solid rgba(127, 130, 166, 0.5);
-  border-left: 10px solid transparent;
-  border-right: 10px solid transparent;
-  content: '';
-  left: 127.5px;
-  position: absolute;
-  top: -10px;
-}
-
-.Roadmap-tooltip--inverse {
-  bottom: 90px;
-  top: initial;
-}
-
-.Roadmap-tooltip--inverse::after {
-  bottom: -12px;
-  border-bottom: none;
-  border-top: 10px solid rgba(127, 130, 166, 0.5);
-  top: initial;
-}
-
-.Roadmap-tooltipTitle {
-  font-weight: 700;
-}
-
-/**************** End Roadmap ****************/
-
 /**************** Team ****************/
 
 .Team {
@@ -635,6 +551,7 @@ p {
 
 .Media {
   justify-content: center;
+  padding-top: 100px;
   text-align: center;
 }