Update style.css

style.css

@@ -1,6 +1,8 @@
 /* Apply a background color to the body */
 body {
   background-color: #f2f2f2;
+  margin: 0;
+  padding: 0;
 }
 
 /* Center the main content */
@@ -15,6 +17,22 @@ iframe {
   border: 1px solid #ccc;
   padding: 10px;
   margin-bottom: 20px;
+  overflow: hidden;
+}
+
+/* Set the height of iframes to fit on one page */
+iframe[src="https://ceckenrode-biomed-nlp-ai-clinical-terminolo-1e44ba4.hf.space"],
+iframe[src="https://ceckenrode-chatgpt-streamlit-fhir.hf.space"],
+iframe[src="https://ceckenrode-cognitive-ai-episodic-semantic-m-732f0f6.hf.space"],
+iframe[src="https://ceckenrode-dockerimagerecognitiontotext.hf.space"] {
+  height: calc(100vh - 20px);
+  margin-bottom: 20px;
+}
+
+iframe[src="https://awacke1-image-to-multilingual-ocr.hf.space"],
+iframe[src="https://awacke1-ai-quantum.hf.space"] {
+  height: calc(100vh - 40px);
+  margin-bottom: 20px;
 }
 
 /* Style the mermaid diagrams */