fixed some divs, changed colors

index.html

@@ -104,19 +104,19 @@
             <li>
               What we offer: <br />
               <br />
-              * 3 days of focused discussions, experiments, exercises and
+              <span class="stars">*</span> 3 days of focused discussions, experiments, exercises and
               speculation in various locations in Rotterdam <br />
               <br />
-              * Rapid SARS-COV2 tests for every participant to make sure we stay
+              <span class="stars">*</span> Rapid SARS-COV2 tests for every participant to make sure we stay
               as safe as possible <br />
               <br />
-              * Plenty of snacks and refreshments and 3 vegetarian meals/snacks
+              <span class="stars">*</span> Plenty of snacks and refreshments and 3 vegetarian meals/snacks
               a day
             </li>
             <br />
             <li>
               Not implicitly necessary: <br /><br />
-              * Computers
+              <span class="stars">*</span> Computers
             </li>
           </ul>
           <p>
@@ -132,29 +132,6 @@
               people coming from different places for a short amount of time.
             </p>
 
-<div class="practical">
-  <p class="question">Details:</p>
-  <ul>
-    <li>Dates:</li>
-    <br>
-    <li>Location(s):</li>
-    <br>
-    <li>What we offer: </li>
-    <ul>
-      <li> 3 days of focused discussions, experiments, exercises and speculation in various locations in Rotterdam </li>
-      <li> Rapid SARS-COV2 tests for every participant to make sure we stay as safe as possible </li>
-      <li> Plenty of snacks and refreshments and 3 vegetarian meals/snacks a day</li> <br>
-   </ul>
-
-    <li>Not implicitly necessary:</li>
-    <ul>
-     <li>Computers</li>
-    </ul>
-
-  <p><a href="#" class='more'>Read the open call for Relearn 2021</a></p>
-  <div class="details">
-    <p>At the moment we can't assume that we will be able to travel, cross borders, be together indoors, all things that were a given in the previous editions of Relearn. The material conditions of public moments of gathering come under scrutiny: the amount of energy, fuel, safety measures, etc. to make it possible with people coming from different places for a short amount of time.</p>
-
             <p>
               For the above reasons, this year's edition will take place in and
               focus on Rotterdam. We do not see this as a turn towards some

style.css

@@ -38,7 +38,7 @@ body {
   float: left;
   width: 50%;
   height: 100%;
-  background: #d1dfc3;
+  background: #dee1f1;
   overflow-y: auto;
 }
 
@@ -63,8 +63,9 @@ img {
   padding-left: 20px;
   font-family: "ARK-ES DenseMedium";
   font-weight: normal;
-  font-size: 42px;
+  font-size: 48px;
   margin-top: 20px;
+  color: #3c4cac;
 }
 
 #subtitle {
@@ -75,7 +76,7 @@ img {
   margin-top: -40px;
 }
 .description {
-  font-size: 16px;
+  font-size: 18px;
   padding-left: 20px;
   padding-right: 100px;
   margin-top: -20px;
@@ -86,12 +87,16 @@ img {
   padding-left: 20px;
   padding-right: 100px;
   margin-bottom: 40px;
+  font-family: "Inconsolata";
+  font-size: 18px;
 }
 
 .practical {
   padding-left: 20px;
   padding-right: 100px;
   margin-bottom: 40px;
+  font-family: "Inconsolata";
+  font-size: 18px;
 }
 
 h1 {
@@ -101,11 +106,14 @@ h1 {
 .question {
   font-size: 25px;
   font-family: "ARK-ES Regular";
+  color: #3c4cac;
 }
 
 .details {
   display: none;
   margin-top: 1em;
+  font-family: "Inconsolata";
+  font-size: 18px;
 }
 
 a {
@@ -118,6 +126,10 @@ a {
   font-family: "ARK-ES Regular";
 }
 
+.stars {
+  font-family: "ARK-ES Regular";
+}
+
 #selector {
   padding-left: 20px;
   padding-top: 20px;
@@ -140,6 +152,10 @@ li:before {
   float: right;
 }
 
+.more {
+  color: #a4a4d4;
+}
+
 body {
   margin: 0;
 }