Update app.py

app.py

@@ -38,7 +38,7 @@ 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: 10px;"></center>
+<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>
 <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>
@@ -49,7 +49,8 @@ RULES = """<h1>OSV-5M (plonk)</h1>
 <h3> 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 5000 points. We use the formula $$g(d) = 5000 \\exp(\\frac{-d}/{1492.7})$$ </h3>
+<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>
 """
 css = """
 @font-face {