Update app.py

app.py

@@ -38,19 +38,19 @@ IMAGE_FOLDER = './images'
 CSV_FILE = './select.csv'
 BASE_LOCATION = [0, 23]
 RULES = """<h1>OSV-5M (plonk)</h1>
-<center><img width="256" alt="Rotating globe" src="https://upload.wikimedia.org/wikipedia/commons/6/6b/Rotating_globe.gif" style="margin-bottom: 0.5em; margin-bottom: 0.5em"></center>
+<center style="margin-bottom: 0.5em; margin-top: 0.5em"><img width="256" alt="Rotating globe" src="https://upload.wikimedia.org/wikipedia/commons/6/6b/Rotating_globe.gif"></center>
 <h2> Instructions </h2>
 <h3> Click on the map 🗺️ (left) to the location at which you think the image 🖼️ (right) was captured!</h3>
-<h3> Click "Select" to finalize your selection and then "Next" to move to the next image.</h3>
+<h3 style="margin-bottom: 0.5em"> Click "Select" to finalize your selection and then "Next" to move to the next image.</h3>
 
 <h2> AI Competitors </h2>
 <h3> You will compete against two AIs: <b>Plonk-AI</b> (our best model) and Baseline-AI (a simpler approach).</h3>
 <h3> These AIs have not been trained on any of the images you will see; in fact, they haven't seen anything within a <b>1km radius</b> of them.</h3>
-<h3> Like you, the AIs will need to pick up on geographic clues to pinpoint the locations of the images.</h3>
+<h3 style="margin-bottom: 0.5em"> Like you, the AIs will need to pick up on geographic clues to pinpoint the locations of the images.</h3>
 
 <h2> Geoscore </h2>
 <h3> The geoscore is calculated based on how close each guess is to the true location as in Geoguessr, with a maximum of <b>5000 points</b>. </h3>
-<h3> We use the formula \\(g(d) = 5000 \\exp(\\frac{-d}{1492.7})\\) </h3>
+<h3> We use the formula $(g(d) = 5000 \\exp(\\frac{-d}{1492.7})$ </h3>
 """
 css = """
 @font-face {
@@ -62,6 +62,7 @@ h1 {
     text-align: center;
     display:block;
     font-family: custom;
+    font-size: 2.5em;
 }
 img {
     text-align: center;
@@ -71,6 +72,7 @@ h2 {
     text-align: center;
     display:block;
     font-family: custom;
+    font-size: 2em;
 }
 h3 {
     text-align: center;