@import"https://fonts.googleapis.com/css2?family=Righteous&family=Work+Sans:wght@100;300;400;600;800&display=swap";*{box-sizing:border-box;font-family:Work Sans;margin:0;padding:0}html{scroll-behavior:smooth}body{text-decoration:none;list-style:none;background-color:#252a2e}a{color:#000;text-decoration:none}@media screen and (max-width:980px){nav{display:none}.nav-responsive{display:block}nav.responsive{display:block;position:absolute;right:0;top:75px;background-color:#252a2e;width:180px}nav.responsive ul{display:block!important}nav.responsive ul li{border-bottom:1px solid #fff;padding:10px 0}}@media screen and (max-width:700px){.sobremi .fila{display:block}.sobremi .fila .col{width:fit-content}.skills .fila{display:block}.skills .fila .col,.skills .fila .col .barra-skill{width:100%}.curriculum .fila{display:block}.curriculum .fila .col{width:90%}.curriculum .fila .derecha{margin-left:20px}.portfolio .galeria{display:block;width:100%}.portfolio .galeria .proyecto{max-width:100%}.portfolio .galeria .proyecto img{width:100%}.contacto .fila{display:block}.contacto .fila .col{width:100%}}.contenedor-header{background:#1e2326;position:fixed;width:100%;top:0;left:0;z-index:99}.contenedor-header header{max-width:1100px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:15px 20px}.contenedor-header header .logo a{font-family:Righteous;font-size:36px;color:#1cb698;text-decoration:none}.contenedor-header header ul{display:flex;list-style:none}.contenedor-header header nav ul li a{text-align:none;color:#fff;margin:0 15px;padding:3px;transition:.5s;text-decoration:none}.contenedor-header header nav ul li a:hover{color:#1cb698}.nav-responsive{background-color:#1cb698;color:#fff;padding:5px 10px;border-radius:5px;cursor:pointer;display:none}.inicio{background:linear-gradient(to top,rgba(30,35,38,.8),rgba(30,35,38,1)),url(/mi-portafolio/assets/fondo-a5ff187a.jpg);background-size:cover;height:100vh;color:#fff;display:flex;align-items:center}.inicio .contenido-banner{padding:20px;background-color:#1e2326;max-width:350px;margin:auto;text-align:center;border-radius:40px}.inicio .contenido-banner img{border:10px solid #1CB698;display:block;width:80%;margin:auto;border-radius:100%}.inicio .contenido-banner h1{margin-top:40px;font-size:42px;font-family:Righteous}.inicio .contenido-banner h2{font-size:15px;font-weight:400}.inicio .contenido-banner .redes a{color:#fff;display:inline-block;text-decoration:none;border:1px solid #fff;border-radius:100%;width:42px;height:42px;line-height:42px;margin:40px 5px;font-size:20px;transition:.3s}.inicio .contenido-banner .redes a:hover{background-color:#1cb698}.sobremi{background-color:#1e2326;color:#fff;padding:50px 20px}.sobremi .contenido-seccion{max-width:1100px;margin:auto}.sobremi h2{font-size:48px;font-family:Righteous;text-align:center;padding:20px 0}.sobremi .contenido-seccion p{font:18px;line-height:22px;margin-bottom:20px}.sobremi .contenido-seccion p span{color:#1cb698;font-weight:700}.sobremi .fila{display:flex}.sobremi .fila .col{width:50%}.sobremi .fila .col h3{font-size:28px;font-family:Righteous;margin-bottom:25px}.sobremi .fila .col ul{list-style:none}.sobremi .fila .col ul li{margin:12px 0}.sobremi .fila .col ul li strong{display:inline-block;color:#1cb698;width:130px}.sobremi .fila .col ul li span{background-color:#1cb698;padding:3px;font-weight:700;border-radius:5px}.sobremi .fila .col .contenedor-intereses{display:flex;flex-wrap:wrap}.sobremi .fila .col .contenedor-intereses .interes{width:100px;height:100px;background-color:#252a2e;border-radius:10px;margin:0 15px 15px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.3s}.sobremi .fila .col .contenedor-intereses .interes:hover{background-color:#1cb698}.sobremi .fila .col .contenedor-intereses .interes i{font-size:30px;margin-bottom:10px}.sobremi button{cursor:pointer;background-color:transparent;border:2px solid #fff;width:fit-content;display:block;margin:20px auto;padding:10px 22px;font-size:16px;color:#fff;position:relative;z-index:10}.sobremi button .overlay{position:absolute;top:0;left:0;width:0;height:100%;background-color:#1cb698;z-index:-1;transition:1s}.sobremi button:hover .overlay{width:100%}aside{margin:70px auto;max-width:1000px;display:flex;justify-content:center;flex-wrap:wrap;gap:50px}h5{color:#fff;text-align:center;font-size:40px}.curriculum{background-color:#1e2326;color:#fff;padding:50px 20px}.curriculum .contenido-seccion{max-width:1100px;margin:auto}.curriculum h2{font-size:48px;font-family:Righteous;text-align:center;padding:20px 0}.curriculum .fila{display:flex;justify-content:space-between}.curriculum .fila .col{width:49%;padding:0 20px}.curriculum .fila .col h3{font-size:28px;font-family:Righteous;margin-bottom:25px}.curriculum .fila .izquierda{border-right:2px solid #252A2E}.curriculum .fila .derecha{border-left:2px solid #252A2E}.curriculum .fila .item{padding:25px;margin-bottom:30px;background-color:#252a2e;position:relative}.curriculum .fila .item h4{font-size:20px;margin-bottom:10px}.curriculum .fila .item .casa{color:#1cb698;font-size:22px;font-weight:700;display:block}.curriculum .fila .item .fecha{display:block;color:#1cb698;margin-bottom:10px}.curriculum .fila .item p{line-height:24px}.curriculum .fila .izq{border-right:2px solid #1CB698;margin-right:20px}.curriculum .fila .der{border-left:2px solid #1CB698;margin-left:20px}.curriculum .fila .item .conectori{height:2px;background-color:#1cb698;width:47px;position:absolute;top:50%;right:-47px;z-index:5}.curriculum .fila .item .conectori .circuloi{display:block;height:10px;width:10px;border-radius:50%;background-color:#1cb698;float:right;position:relative;bottom:4px}.curriculum .fila .item .conectord{height:2px;background-color:#1cb698;width:47px;position:absolute;top:50%;left:-47px;z-index:5}.curriculum .fila .item .conectord .circulod{display:block;height:10px;width:10px;border-radius:50%;background-color:#1cb698;float:left;position:relative;bottom:4px}footer{background-color:#252a2e;color:#fff;padding:50px 0 30px;text-align:center;position:relative;width:100%}footer .redes{margin-bottom:20px}footer .redes a{color:#fff;display:inline-block;text-decoration:none;border:1px solid #fff;border-radius:100%;width:42px;height:42px;line-height:42px;margin:40px 5px;font-size:20px;transition:.3s}footer .arriba{display:block;width:50px;height:50px;background-color:#1cb698;color:#fff;position:absolute;left:50%;transform:translate(-50%);top:-25px;border-radius:50%;line-height:50px;font-size:18px}.portfolio{background-color:#252a2e;color:#fff;padding:50px 20px}.portfolio .contenido-seccion{max-width:1100px;margin:auto}.portfolio h2{font-size:48px;font-family:Righteous;text-align:center;padding:20px 0}.portfolio .galeria{display:flex;flex-wrap:wrap;justify-content:space-around}.portfolio .galeria .proyecto{position:relative;max-width:340px;height:fit-content;margin:10px;cursor:pointer}.portfolio .galeria .proyecto img{width:100%;display:block}.portfolio .galeria .proyecto .overlay{position:absolute;top:0;width:100%;height:82%;text-align:center;background:linear-gradient(rgba(28,182,152,.8),rgba(28,182,152,.8));display:flex;flex-direction:column;justify-content:center;transition:1s;font-size:18px;letter-spacing:3px;opacity:0}.portfolio .galeria .proyecto .overlay h3{margin-bottom:20px;transition:1s}.portfolio .galeria .proyecto .overlay:hover{opacity:1}.portfolio .galeria .proyecto .overlay:hover h3{margin-bottom:0}#boton{display:flex;justify-content:center;align-items:center;margin-top:10px;gap:50px}#boton p:hover{background-color:#5db2aa;border-radius:5px;text-align:center}#boton p{cursor:pointer;padding-bottom:10px;border-bottom:4px solid rgb(93,178,189);width:110px}#boton #p1{cursor:pointer;padding-bottom:10px;border-bottom:4px solid rgb(93,178,189);width:90px}#boton button{cursor:pointer;background-color:#253c25;height:30px;width:120px}