diff --git a/flex.css b/flex.css
new file mode 100644
index 0000000..02e3adb
--- /dev/null
+++ b/flex.css
@@ -0,0 +1,430 @@
+/*BARRA SUPERIOR*/
+.menu{
+    display: flex;
+    width: 100%;
+    height: 60px;
+    justify-content: space-between;
+    background-color: antiquewhite;
+    padding: 10px
+}
+
+.menu__header{
+    display: flex;
+    white-space: nowrap;
+    align-items: center;
+    gap: 10px;
+}
+
+.menu__list{
+    display: none;
+}
+nav{
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+/*HEADER*/
+.title__div{
+    display: flex;
+    flex-flow: column wrap;
+    gap: 20PX;
+    padding: 10px;
+}
+.title__profile{
+    width: 30%;
+}
+.title__network{
+    display: flex;
+    justify-content: space-between;
+    font-style: italic;
+}
+/*SOBRE MI*/
+.about{
+    background-color: antiquewhite;
+    padding: 20px;
+}
+/*SKILLS*/
+.skills{
+    padding: 25px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+.skills__line{
+    display: flex;
+    flex-wrap: wrap;
+    gap: 25px ;
+    
+}
+.skills__box{
+    flex: 1 1 calc(50% - 25px);
+    min-width: 150px; 
+    max-width: calc(50% - 25px); 
+    height: auto; 
+    background-color: aliceblue;
+    padding: 10px;
+    box-sizing: border-box; 
+}
+.skills__box ul{
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+    
+} 
+/*hobbies*/
+.hobbies{
+    padding: 25px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+.hobbies__line{
+    display: flex;
+    flex-wrap: wrap;
+    gap: 25px ;
+    
+}
+.hobbies__box{
+    flex: 1 1 calc(50% - 25px); 
+    min-width: 150px; 
+    max-width: calc(50% - 25px); 
+    height: auto; 
+    background-color: aliceblue;
+    padding: 10px;
+    box-sizing: border-box; 
+}
+.hobbies__box ul{
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+    
+} 
+/*FORMACION ACADEMICA*/
+.academic{
+    padding: 25px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: antiquewhite;
+}
+.academic__courses{
+    display: flex;
+    flex-flow: column wrap;
+    gap: 25px ;
+    
+}
+.academic__courses__item__img{
+    width: 100%;
+    height: 118px;
+    background-color: aliceblue;
+}
+.academic__courses__list{
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+    flex: 1 1 100%; 
+    min-width: 200px; 
+    max-width: 100%; 
+    height: auto;
+    background-color: aliceblue;
+    padding: 10px;
+    box-sizing: border-box;
+    
+}
+/* Experiencia */
+.experience {
+    padding: 50px;
+    box-sizing: border-box;
+}
+
+.experience__section__title {
+    text-align: center;
+    margin-bottom: 20px;
+    color: #333;
+}
+
+.experience__box {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    align-self: center;
+    margin-bottom: 20px;
+}
+
+.experience__img {
+    max-width: 100%;
+    height: auto;
+    margin-bottom: 10px;
+}
+
+.experience__info {
+    text-align: center;
+}
+
+.experience__title {
+    font-size: 1.5em;
+    color: black;
+}
+
+.experience__text {
+    font-size: 1em;
+    color: #666;
+}
+
+.experience__description {
+    margin-top: 10px;
+}
+/*Contacto*/
+.formcontato {
+    background-color: antiquewhite; /* Fondo azul */
+    padding: 20px;
+    box-sizing: border-box;
+}
+
+.formcontato__contacto {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.formcontato--esquerda {
+    display: none; /* Oculta la imagen por defecto */
+}
+
+.formcontato__img {
+    max-width: 100%;
+    height: auto;
+}
+
+.formcontato__text {
+    width: 100%;
+    max-width: 600px;
+    padding: 20px;
+    box-sizing: border-box;
+}
+
+.formcontato__title, .formcontato__subtext {
+    text-align: center;
+    color: black
+}
+
+.formcontato__form {
+    display: flex;
+    flex-direction: column;
+}
+
+.formcontato__input, .formcontato__textarea {
+    width: 100%;
+    padding: 10px;
+    margin-bottom: 10px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    box-sizing: border-box;
+}
+
+.formcontato__input:focus::placeholder, .formcontato__textarea:focus::placeholder {
+    color: #007BFF; 
+}
+
+
+.footer{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 60px;
+    background-color: #f8f8f8; 
+    padding: 20px; 
+    box-sizing: border-box; 
+    width: 100%;
+    bottom: 0; 
+}
+
+/* Tablets */
+@media (min-width: 600px) {
+    /* Menu */
+    .menu__list {
+        display: flex;
+        flex-direction: row;
+        gap: 15px;
+    }
+    nav {
+        flex-direction: row;
+    }
+
+    /* Header */
+    .title__div {
+        flex-direction: row;
+        text-align: left;
+    }
+
+    .title__profile {
+        width: 150px;
+    }
+
+    .title__network {
+        flex-direction: row;
+        justify-content: space-around;
+        width: 100%;
+    }
+    .skills__box, .hobbies__box{
+        flex: 1 1 calc(33.33% - 25px); /* 3 items por fila en tabletas */
+        max-width: calc(33.33% - 25px);; 
+    }
+    .academic__courses {
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: center;
+    }
+
+}
+
+/* Desktop */
+@media (min-width: 992px) {
+    /* Menu */
+    .menu {
+        flex-direction: row;
+        justify-content: space-between;
+    }
+
+    /* Skills */
+    .skills__line {
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: center;
+    }
+
+    .skills__box,
+    .hobbies__box {
+        flex: 1 1 calc(16.66% - 25px); 
+        max-width: calc(16.66% - 25px);
+    }
+
+    /* Hobbies */
+    .hobbies__line {
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: center;
+    }
+
+
+    /* Formación Académica */
+    .academic__courses {
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: center;
+    }
+
+    .academic__courses__item__img {
+        width: 45%;
+    }
+    /* Experiencia*/
+    .experience__box {
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-between;
+    }
+
+    .experience__box:nth-child(even) {
+        flex-direction: row-reverse;
+    }
+
+    .experience__img {
+        width: 45%;
+        margin: 0;
+    }
+
+    .experience__info {
+        width: 50%;
+        text-align: left;
+    }
+
+    .experience__title {
+        text-align: left;
+    }
+
+    .experience__text {
+        text-align: left;
+    }
+
+    .experience__description {
+        text-align: left;
+    }
+
+    /* Contacto */
+    .formcontato__contacto {
+        flex-direction: row;
+        justify-content: space-around;
+    }
+
+    .formcontato__img {
+        width: 70%;
+        max-width: none;
+    }
+    .formcontato__contacto {
+        flex-direction: row;
+        justify-content: center;
+    }
+
+    .formcontato--esquerda {
+        display: block;
+        margin-right: 20px;
+    }
+
+    .formcontato__text {
+        max-width: 400px;
+    }
+
+    /*BARRA SUPERIOR*/
+    .menu__list__item__contato{
+        display: none;
+    }
+    nav .menu__list{
+        display: flex; 
+        gap: 15px;
+    }
+
+    .formcontato--esquerda{
+        display: flex;
+    }
+}
+
+/*botones*/
+.experiencia__botao--repo {
+	background-color:#ffffff;
+	border-radius:3px;
+	border:1px solid #124d77;
+	display:inline-block;
+	cursor:pointer;
+	color:#007dc1;
+	font-family:Arial;
+	font-size:15px;
+	padding:11px 24px;
+	text-decoration:none;
+}
+.experiencia__botao--repo:hover {
+	background-color:#0061a7;
+    color:#ffffff;
+}
+.experiencia__botao--repo:active {
+	position:relative;
+	top:1px;
+}
+.experience__botao--demo,.formcontato__botao {
+	background-color:#007dc1;
+	border-radius:3px;
+	border:1px solid #124d77;
+	display:inline-block;
+	cursor:pointer;
+	color:#ffffff;
+	font-family:Arial;
+	font-size:15px;
+	padding:11px 24px;
+	text-decoration:none;
+}
+.experience__botao--demo:hover,.formcontato__botao:hover {
+	background-color:#0061a7;
+}
+.experience__botao--demo:active, .formcontato__botao:active {
+	position:relative;
+	top:1px;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 01de0bc..13dabf5 100644
--- a/index.html
+++ b/index.html
@@ -6,11 +6,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!-- Referencia de la hoja de estilo de Css -->
     <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="flex.css">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <!-- Fonte del Proyecto Raleway -->
     <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap" rel="stylesheet">
-    <title> Mi Portafolio</title>
+    <title>Portafolio Miranda Frías</title>
 </head>
 <body>
     <!-- Sección del Menú  -->
@@ -18,7 +19,7 @@
     <section class="menu">
         <header class="menu__header">
             <img src="assets\vector.png">
-            <h3 class="menu__title">Fulana de Tal</h3>
+            <h3 class="menu__title">Miranda Frías Vázquez</h3>
         </header>
         <nav>
             <ul class="menu__list">
@@ -38,14 +39,14 @@ <h3 class="menu__title">Fulana de Tal</h3>
         <div class="title__div">
             <img class="title__profile" src="assets\profile.png">
             <div class="title__container">
-                <h2 class="title__bio">Hola, mi nombre es Fulana de Tal y construyo paginas web</h2>
-                <h3 class="title__subsection">Soy formada en .... lorem ipsum sit amet consectetur y actualmente estoy participando del proyecto Oracle ONE en Alura Latam.</h3>
+                <h2 class="title__bio">Hola, soy Miranda y desarrollo paginas Web, Programas y Videojuegos</h2>
+                <h3 class="title__subsection">Soy formada en la Universidad Nacional de Salta y en la Universidad Provincial de Tecnologia y Oficios de Salta, y actualmente estoy participando del proyecto Oracle ONE en Alura Latam.</h3>
                 <ul class="title__network">
                      <!-- Pon los enlaces de tus redes sociales favoritas -->
-                    <li class="title__network__item"><a href="">Github <img src="assets\arrow.png"> </a></li>
-                    <li class="title__network__item"><a href="">Linkedin <img src="assets\arrow.png"></a></li>
-                    <li class="title__network__item"><a href="">Instagram <img src="assets\arrow.png"></a></li>
-                    <li class="title__network__item"><a href="">Currículo <img src="assets\arrow.png"></a></li>
+                    <li class="title__network__item"><a href="https://github.com/MiriFV">Github <img src="assets\arrow.png"> </a></li>
+                    <li class="title__network__item"><a href="https://www.linkedin.com/in/miranda-fv/">Linkedin <img src="assets\arrow.png"></a></li>
+                    <li class="title__network__item"><a href="https://www.instagram.com/miri_fv/">Instagram <img src="assets\arrow.png"></a></li>
+                    <li class="title__network__item"><a href="https://www.canva.com/design/DAGEyRo977A/xtVZhbIp87od66HFLw_YrQ/view?utm_content=DAGEyRo977A&utm_campaign=designshare&utm_medium=link&utm_source=editor">Currículum <img src="assets\arrow.png"></a></li>
                 </ul>
             </div>
         </div>
@@ -190,62 +191,57 @@ <h2 class="academic__title" >Formación académica</h2>
     </section>
 
     <!-- Sección de Experiencia Profesional/Proyectos-->
-    <section class="experience" id="xp">
-        <h2 class="experience__section__title" >Experiencia Profissional</h2>
-        <div class="experiencie__box">
-            <!-- Pon el logotipo/captura de pantalla de tu proyecto -->
-            <img class="experience__img" src="assets\decod_print.png">
-            <div class="experience__info"
-                <h2 class="experience__title">Encriptador de texto</h2>
-                <h3 class="experience__text">Challenge Alura Codificador </h3>
-                    <div class="experience__description">
-                        <!-- Pon el enlace del proyecto en Github o GithubPages -->
-                            <span class="experience__repo"><a href="https://github.com/alura-challenges/challenge-one-encriptador-latam"><button class="experiencia__botao--repo">Repositório</button></a></span>
-                            <span class="experience__demo"><a href=""><button class="experience__botao--demo">Ver demo</button></a></span>
-                    </div>
+<section class="experience" id="xp">
+    <h2 class="experience__section__title">Experiencia Profesional</h2>
+
+    <div class="experience__box">
+        <img class="experience__img" src="assets/decod_print.png">
+        <div class="experience__info">
+            <h2 class="experience__title">Encriptador de texto</h2>
+            <h3 class="experience__text">Challenge Alura Codificador</h3>
+            <div class="experience__description">
+                <span class="experience__repo"><a href="https://github.com/alura-challenges/challenge-one-encriptador-latam"><button class="experiencia__botao--repo">Repositório</button></a></span>
+                <span class="experience__demo"><a href=""><button class="experience__botao--demo">Ver demo</button></a></span>
             </div>
-        </div>  
+        </div>
+    </div>  
 
-        <div class="experiencie__box">
-            <!-- Pon el logotipo/captura de pantalla de tu proyecto -->
-            <img class="experience__img" src="assets\forca_print.png">
-            <div class="experience__info"
-                <h2 class="experience__title">Juego creado con HTML y JavaScript</h2>
-                <h3 class="experience__text">Challenge Oracle </h3>
-                    <div class="experience__description">
-                        <!-- Pon el enlace del proyecto en Github o GithubPages -->
-                            <span class="experience__repo"><a href="https://github.com/alura-challenges/challenge-one-juego-ahorcado"><button class="experiencia__botao--repo">Repositório</button></a></span>
-                            <span class="experience__demo"><a href=""><button class="experience__botao--demo">Ver demo</button></a></span>
-                    </div>
+    <div class="experience__box">
+        <img class="experience__img" src="assets/forca_print.png">
+        <div class="experience__info">
+            <h2 class="experience__title">Juego creado con HTML y JavaScript</h2>
+            <h3 class="experience__text">Challenge Oracle</h3>
+            <div class="experience__description">
+                <span class="experience__repo"><a href="https://github.com/alura-challenges/challenge-one-juego-ahorcado"><button class="experiencia__botao--repo">Repositório</button></a></span>
+                <span class="experience__demo"><a href=""><button class="experience__botao--demo">Ver demo</button></a></span>
             </div>
-        </div>  
+        </div>
+    </div>  
 
-        <div class="experience__box">
-            <!-- Pon el logotipo/captura de pantalla de tu proyecto -->
-            <img class="experience__img" src="assets\secretcode_print.png">
-            <div class="experience__info-container"
-                <h2 class="experience__title">Encriptador de texto</h2>
-                <h3 class="experience__text">Challenge Oracle </h3>
-                    <div class="experience__description">
-                            <!-- Pon el enlace del proyecto en Github o GithubPages -->
-                            <span class="experience__repo"><a href="https://github.com/alura-challenges/challenge-one-encriptador-latam"><button class="experiencia__botao--repo">Repositório</button></a></span>
-                            <span class="experience__demo"><a href=""><button class="experience__botao--demo">Ver demo</button></a></span>
-                    </div>
+    <div class="experience__box">
+        <img class="experience__img" src="assets/secretcode_print.png">
+        <div class="experience__info">
+            <h2 class="experience__title">Encriptador de texto</h2>
+            <h3 class="experience__text">Challenge Oracle</h3>
+            <div class="experience__description">
+                <span class="experience__repo"><a href="https://github.com/alura-challenges/challenge-one-encriptador-latam"><button class="experiencia__botao--repo">Repositório</button></a></span>
+                <span class="experience__demo"><a href=""><button class="experience__botao--demo">Ver demo</button></a></span>
             </div>
-        </div>  
+        </div>
+    </div>  
 
-        <div class="experience__box">
-            <img class="experience__img" src="assets\forca2_print.png">
-            <div class="experience__info-container"
+    <div class="experience__box">
+        <img class="experience__img" src="assets/forca2_print.png">
+        <div class="experience__info">
             <h2 class="experience__title">Juego creado con HTML, CSS y JavaScript</h2>
-                <h3 class="experience__text">Challenge Oracle </h3>
-                    <div class="experience__description">
-                            <!-- Pon el enlace del proyecto en Github o GithubPages -->
-                            <span class="experience__repo"><a href="https://github.com/alura-challenges/challenge-one-juego-ahorcado"><button class="experiencia__botao--repo">Repositório</button></a></span>
-                            <span class="experience__demo"><a href=""><button class="experience__botao--demo">Ver demo</button></a></span>
-                    </div>
+            <h3 class="experience__text">Challenge Oracle</h3>
+            <div class="experience__description">
+                <span class="experience__repo"><a href="https://github.com/alura-challenges/challenge-one-juego-ahorcado"><button class="experiencia__botao--repo">Repositório</button></a></span>
+                <span class="experience__demo"><a href=""><button class="experience__botao--demo">Ver demo</button></a></span>
+            </div>
         </div>
-        </div>  
+    </div>  
+</section>
 
         <!-- Sección de Contacto -->
         <section class="formcontato" id="contacto">
@@ -271,8 +267,8 @@ <h3 class="formcontato__subtext">Complete el siguiente formulario y me pondré e
         <!-- Sección de Footer -->
         <section class="footer">
             <div class="footer__rodape">
-                <p>Desarrollado por Fulana de Tal</p>
-                <p>2022</p>
+                <p>Desarrollado por Miranda Frias</p>
+                <p>2024</p>
             </div>
         </section>
     </div>