updating landing page

static/mainpage.css

@@ -1,5 +1,9 @@
-* {
-  box-sizing: border-box;
-}
-
-body {font-family: Arial, Helvetica, sans-serif;}
+a {
+    display:inline-block;
+    vertical-align: middle;
+    text-align: center;
+    width:150px;
+    height:150px;
+    background-color:#fff;
+    border:5px solid #0070C0;
+   }

templates/main.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <title>CHRIS</title>
 
-    <link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='mainpage.css') }}">
+<!--    <link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='mainpage.css') }}">-->
 
 </head>
 
@@ -25,10 +25,21 @@ as part of toxicological risk assessment (TRA) of medical device polymers.
 
 <h2>Modules</h2>
 
-<p> Screening-level TRA for color additives - <a href="/color">here</a> </p>
+1. <a href="/color"> Color additives </a>
 
-<p> Screening-level TRA for general bulk chemicals - <a href="/exposure">here</a> </p>
+<p>
+A tool to conduct screening level risk assessments to aid in the biocompatibility evaluation of polymeric medical device components
+    that contain color additives (CAs). These assessments can assist device manufacturers by providing instantaneous feedback on whether
+    the presence of CAs or other additives and impurities associated with CAs in a device would require additional justification and/or
+    testing to demonstrate acceptable biological risk.
+</p>
+
+2. <a href="/exposure"> General bulk chemicals </a>
 
-<p> Estimation of the total pool of a bulk chemical from extraction data (in development) </p>
+<p>
+This module can be used similarly to the color additive tool, but can be applied to any bulk additive or impurity (surface impurities / manufacturing
+    residuals are excluded) that is present in a polymeric device component provided that the user can justify the chemical is a bulk species and that
+    the total amount of the chemical is known, e.g. from a certificate of analysis.
+</p>
 
 </body>