@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;900&display=swap";*{margin:0;padding:0;font-family:Roboto,sans-serif}html{font-size:62.5%}::selection{background-color:var(--robin);color:#2cffc8}:root{--turquesa: #00FFAD;--hover-turquesa: #00eda2;--fondo-tarjeta: rgba(10, 10, 10, 1)}body{color:#fff;background-image:url(/assets/patron-38df1b7a.jpg);background-repeat:repeat;background-size:contain}.cont-pantalla{position:relative;display:flex;flex-direction:column;width:100%;height:100vh}.pantalla{flex-grow:1;display:flex;margin-top:3.5rem;padding-bottom:2rem;background-color:#020202d9}h1{font-size:x-large}h2{font-size:large}p,span{font-size:medium}p{color:#e0e0e0}.titulo-centrado{margin:2rem 0;text-align:center}.link{font-size:medium;text-decoration:none;color:#00c9ff}.borde{border:.1rem solid var(--turquesa);border-radius:1rem;box-shadow:.3rem .3rem 1rem #000}.btn-regresar{position:absolute;top:2rem;left:2rem;width:4rem;height:4rem;display:flex;justify-content:center;align-items:center;color:#006f4c;font-size:large;text-decoration:none;background-color:var(--turquesa);border:transparent;border-radius:.5rem;box-shadow:.3rem .3rem 1rem #000;cursor:pointer}.btn-regresar:hover{background-color:var(--hover-turquesa)}#perfil{flex-direction:column;justify-content:center;align-items:center;row-gap:2rem;text-align:center}#perfil>h1{font-size:xx-large}#foto-perfil{width:27rem;height:27rem;object-fit:cover;border:transparent;border-radius:1rem;box-shadow:0 0 1.5rem var()}#descripcion-perfil{font-size:large;width:50%}#cont-formaciones-academicas,#cont-experiencias,#cont-habilidades{display:flex;flex-direction:column;align-items:center;row-gap:2rem}#cont-habilidades>div{display:flex;flex-direction:column;width:70%}#cont-habilidades h2{font-size:x-large}#cont-lenguajes-herramientas{display:flex;flex-wrap:wrap;justify-content:center;row-gap:2rem;column-gap:2rem}.img-habilidad{width:12rem;height:12rem;object-fit:contain}#cont-proyectos{display:flex;flex-wrap:wrap;justify-content:space-evenly;row-gap:2rem}#proyecto{align-self:center;display:flex;flex-direction:column;align-items:center;row-gap:2rem;width:90%}#cont-imgs-proyecto{display:flex;column-gap:1.5rem;width:90%;height:46rem;overflow-x:auto}.img-proyecto{width:100%;height:100%;object-fit:contain}#proyecto>p{margin:0 2rem;text-align:center}.img-tecnologia-usada{width:10rem;height:10rem;object-fit:contain}#cont-tecnologias-usadas{display:flex;flex-wrap:wrap;justify-content:center;column-gap:1.5rem;row-gap:1.5rem;width:90%}#navbar{z-index:10;position:fixed;width:100%;height:3.5rem;display:flex;justify-content:space-evenly;align-items:center;background-color:#1d1d1dcc;border-bottom:.1rem solid var(--turquesa)}.link-navbar{font-size:small;text-decoration:none;color:#fff}.link-navbar:hover{color:var(--turquesa)}#btn-navbar-vertical{display:none}.tarjeta-informacion{display:flex;flex-direction:column;row-gap:1rem;width:70%;padding:1rem;background-color:var(--fondo-tarjeta)}.tarjeta-informacion>h2{font-size:x-large}.tarjeta-informacion>div{display:flex;column-gap:1rem}.informacion-tarjeta{display:flex;flex-direction:column;row-gap:1rem}.informacion-tarjeta>div{display:flex;flex-direction:column;row-gap:1rem}.img-informacion{min-width:21rem;height:12rem;object-fit:contain}.vista-proyecto{position:relative;display:flex;flex-direction:column;row-gap:1rem;width:40%;padding:1rem;text-align:center;text-decoration:none;color:#fff;background-color:var(--fondo-tarjeta);box-shadow:.3rem .3rem 1rem #000}.nombre-vista-proyecto{font-size:large;font-weight:700}.img-vista-proyecto{width:100%;border:transparent;border-radius:1rem}.etiqueta-proyecto-implementado{position:absolute;bottom:1rem;width:calc(100% - 4rem);padding:.5rem 1rem;font-size:small;font-weight:700;background-color:#ea9000;border:transparent;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}@media screen and (max-width: 1280px){.pantalla{margin-top:3.5rem;padding:2rem 0}h1,h2{font-size:large}p,span{font-size:medium}.titulo-centrado{margin:1.5rem 0}.link{font-size:medium}#perfil{row-gap:1.5rem}#perfil>h1{font-size:x-large}#foto-perfil{width:19rem;height:19rem}#descripcion-perfil{font-size:medium;width:70%}#cont-formaciones-academicas,#cont-experiencias,#cont-habilidades{row-gap:2rem}#cont-habilidades>div{width:80%}#cont-habilidades h2{font-size:large}#cont-lenguajes-herramientas{row-gap:2rem;column-gap:2rem}.img-habilidad{width:8rem;height:8rem}#cont-proyectos{flex-direction:column;align-items:center;row-gap:2rem}#proyecto{row-gap:2rem}#cont-imgs-proyecto{column-gap:1rem;width:100%;height:37rem}.img-proyecto{width:100%;height:100%}#proyecto>p{margin:0;text-align:justify}#cont-tecnologias-usadas{column-gap:1.5rem;row-gap:1.5rem;width:100%}.img-tecnologia-usada{width:7rem;height:7rem}#btn-navbar-vertical{display:none}.tarjeta-informacion{row-gap:1.5rem;width:83.5%;padding:1rem 1.5rem}.tarjeta-informacion>h2{font-size:large}.tarjeta-informacion>div{flex-direction:column-reverse;row-gap:1.5rem}.informacion-tarjeta{row-gap:1.5rem}.informacion-tarjeta>div{row-gap:.5rem;text-align:center}.img-informacion{height:10rem}.vista-proyecto{row-gap:1rem;width:85%;padding:1rem}.nombre-vista-proyecto{font-size:large}.img-vista-proyecto{width:100%;border-radius:1rem}.etiqueta-proyecto-implementado{bottom:1rem;width:calc(100% - 2rem);padding:.5rem 0;font-size:medium}}@media screen and (max-width: 768px){.pantalla{margin-top:2.5rem;padding:1.5rem 0}h1,h2{font-size:large}p,span{font-size:medium}.titulo-centrado{margin:1.5rem 0}.link{font-size:medium}.btn-regresar{display:none;top:1rem;left:1rem;width:3rem;height:3rem;font-size:small}#perfil{row-gap:1.5rem}#perfil>h1{font-size:x-large}#foto-perfil{width:18rem;height:18rem;border-radius:1rem}#descripcion-perfil{font-size:medium;width:85%}#cont-formaciones-academicas,#cont-experiencias,#cont-habilidades{row-gap:1.5rem}#cont-habilidades>div{width:90%}#cont-habilidades h2{font-size:large}#cont-lenguajes-herramientas{row-gap:2rem;column-gap:2rem}.img-habilidad{width:7rem;height:7rem}#cont-proyectos{flex-direction:column;align-items:center;row-gap:1.5rem}#proyecto{row-gap:2rem}#cont-imgs-proyecto{column-gap:1rem;width:100%;height:24rem}.img-proyecto{width:100%;height:100%}#proyecto>p{margin:0;text-align:justify}#cont-tecnologias-usadas{column-gap:1.5rem;row-gap:1.5rem;width:100%}.img-tecnologia-usada{width:6rem;height:6rem}#btn-navbar-vertical{z-index:10;position:fixed;top:0;display:block;width:100%;height:2.5rem;color:var(--turquesa);background-color:#1d1d1de6;border:transparent;border-bottom:.1rem solid var(--turquesa)}#navbar{top:2.5rem;display:none;flex-direction:column;row-gap:1.5rem;height:auto;padding:1.5rem 0;background-color:#121212f7}.tarjeta-informacion{row-gap:1.5rem;width:85%;padding:1rem}.tarjeta-informacion>h2{font-size:large}.tarjeta-informacion>div{flex-direction:column-reverse;row-gap:1.5rem}.informacion-tarjeta{row-gap:1.5rem}.informacion-tarjeta>div{row-gap:.5rem;text-align:center}.img-informacion{height:9rem}.vista-proyecto{row-gap:1rem;width:85%;padding:1rem}.nombre-vista-proyecto{font-size:large}.img-vista-proyecto{width:100%;border-radius:1rem}.etiqueta-proyecto-implementado{bottom:1rem;width:calc(100% - 2rem);padding:.5rem 0;font-size:small}}@media screen and (max-width: 500px){.pantalla{margin-top:2.5rem;padding:1.5rem 0}h1,h2{font-size:large}p,span{font-size:small}.titulo-centrado{margin:1rem 0}.link{font-size:small}.btn-regresar{display:none;top:1rem;left:1rem;width:3rem;height:3rem;font-size:small}#perfil{row-gap:1.5rem}#perfil>h1{font-size:large}#foto-perfil{width:17rem;height:17rem;border-radius:1rem}#descripcion-perfil{font-size:small;width:85%}#cont-formaciones-academicas,#cont-experiencias,#cont-habilidades{row-gap:1.5rem}#cont-habilidades>div{width:85%}#cont-habilidades h2{font-size:large}#cont-lenguajes-herramientas{row-gap:1rem;column-gap:1rem}.img-habilidad{width:7rem;height:7rem}#cont-proyectos{flex-direction:column;align-items:center;row-gap:1.5rem}#proyecto{row-gap:1.5rem}#cont-imgs-proyecto{column-gap:.5rem;width:100%;height:15.5rem}.img-proyecto{width:100%;height:100%}#proyecto>p{margin:0;text-align:justify}#cont-tecnologias-usadas{column-gap:1rem;row-gap:1rem;width:100%}.img-tecnologia-usada{width:5rem;height:5rem}#btn-navbar-vertical{z-index:10;position:fixed;top:0;display:block;width:100%;height:2.5rem;color:var(--turquesa);background-color:#1d1d1de6;border:transparent;border-bottom:.1rem solid var(--turquesa)}#navbar{top:2.5rem;display:none;flex-direction:column;row-gap:1.5rem;height:auto;padding:1.5rem 0;background-color:#121212f7}.tarjeta-informacion{row-gap:.5rem;width:85%;padding:.5rem}.tarjeta-informacion>h2{font-size:medium}.tarjeta-informacion>div{flex-direction:column-reverse;row-gap:1rem}.informacion-tarjeta{row-gap:1rem}.informacion-tarjeta>div{row-gap:.5rem;text-align:center}.img-informacion{height:7rem}.vista-proyecto{row-gap:.5rem;width:90%;padding:.5rem}.nombre-vista-proyecto{font-size:medium}.img-vista-proyecto{width:100%;border-radius:.5rem}.etiqueta-proyecto-implementado{bottom:.5rem;width:calc(100% - 1rem);padding:.5rem 0;font-size:x-small}}