conexion entre interfaces pt1

healthmanager/src/Principal.css

@@ -7,7 +7,8 @@ body{
   background-image: none;
 }
   #bienvenidoUsuario {
-    text-align: center;
+    margin-left: 50px;
+    text-align: left;
     font-size: medium;
     font-family: Arial, Helvetica, sans-serif;
   }

healthmanager/src/Principal.jsx

@@ -82,17 +82,17 @@ function Principal(props) {
 
   const images = [
     {
-      url: "https://th.bing.com/th/id/R.c691ed37c9ce3040c3ebd2892e88870c?rik=QUBcFflN%2b9oqPQ&pid=ImgRaw&r=0",
+      url: "https://www.meditips.com/wp-content/uploads/2019/03/recetas-medicas-1200x600-1.jpg",
       title: "Mis recetas",
       width: "33%",
     },
     {
-      url: "https://th.bing.com/th/id/R.c691ed37c9ce3040c3ebd2892e88870c?rik=QUBcFflN%2b9oqPQ&pid=ImgRaw&r=0",
+      url: "https://th.bing.com/th/id/OIP.UKTXt_LSCslIT1KFUc-oYQAAAA?w=415&h=404&rs=1&pid=ImgDetMain",
       title: "Mi perfil",
       width: "33%",
     },
     {
-      url: "https://th.bing.com/th/id/R.c691ed37c9ce3040c3ebd2892e88870c?rik=QUBcFflN%2b9oqPQ&pid=ImgRaw&r=0",
+      url: "https://cdn-icons-png.flaticon.com/512/1053/1053210.png",
       title: "Cerrar Sesion",
       width: "33%",
     },
@@ -167,7 +167,7 @@ function Principal(props) {
   //<h1 id="headerPublicaciones">Menu Principal</h1>
   return (
     <>
-      <div>
+      <div id="divPrincipal">
         <h1 id="headerFacultad">Health Manager - Menu Principal</h1>
         <Divider />
         <div id="divPublicaciones">

healthmanager/src/main.jsx

@@ -3,8 +3,8 @@ import ReactDOM from 'react-dom/client'
 import Login from './Login.jsx'
 import { RouterProvider, createHashRouter } from 'react-router-dom'
 import Principal from './Principal.jsx'
-//import Registro from './Registro.jsx'
-//import MiPerfil from './MiPerfil.jsx'
+import DescargaRecetas from './DescargaRecetas.jsx'
+//import registrarPaciente from './registrarPaciente.html'
 //import Publicaciones from './Publicaciones'
 
   const router = createHashRouter([
@@ -12,18 +12,17 @@ import Principal from './Principal.jsx'
       path: "/",
       element:<Login/>
     },
-    /*{
-      path: "/Registro",
-      element: <Registro/>
+    {
+      path: "/DescargaRecetas",
+      element: <DescargaRecetas/>
     },
-    */
     {
       path: "/Principal",
       element: <Principal/>
     }/*,
     {
-      path: "/Publicaciones",
-      element:<Publicaciones/>
+      path: "/registrarPaciente",
+      element:<registrarPaciente/>
     },
     {
       path: "/MiPerfil",