Update index.html

index.html

@@ -5,23 +5,20 @@
 		<title>OBELICS Interactive Map</title>
 		<style>
 			body {
-			  font-family: Arial, sans-serif;
-			  background-color: #f0f0f0;
-			  display: flex;
-			  justify-content: center;
-			  align-items: center;
-			  height: 100vh;
 			  margin: 0;
-			  padding: 0;
-			  color: #333;
+              padding: 0;
 			}
 			.iframe-container {
-			  border: 1px solid #ccc;
-			  border-radius: 10px;
-			  overflow: hidden;
-			  width: 80%;
-			  height: 80%;
-			  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+			  display: flex;
+              flex-direction: column;
+              align-items: center; /* Horizontally center the content */
+              justify-content: center; /* Vertically center the content */
+              border: 1px solid #ccc;
+              border-radius: 10px;
+              overflow: hidden;
+              width: 80%;
+              height: 80%;
+              box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 			}
             .iframe-container p {
               padding: 10px;