@import"https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap";@import"https://fonts.googleapis.com/css2?family=Indie+Flower&family=Signika:wght@300..700&display=swap";.navbar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background-color:silver;position:fixed;z-index:1;width:100%}.navbar .logo{height:35px;cursor:pointer}.navbar .menu_open{width:35px;cursor:pointer}.navbar .nav-menu{display:flex;align-items:center;list-style:none;gap:60px;font-family:Outfit,sans-serif;font-size:18px;color:#000;text-shadow:-1px -1px 0 #ffffff,1px -1px 0 #ffffff,-1px 1px 0 #ffffff,1px 1px 0 #ffffff;font-weight:700}.navbar .nav-menu .menu_close{width:35px;cursor:pointer}.navbar .nav-menu li{cursor:pointer;display:flex;flex-direction:flex;gap:2px;padding:2px 5px;border:2px solid transparent}.navbar .nav-menu li:hover{background-color:#e2dfd0;border-radius:5px;border:2px solid #524C42;box-shadow:0 2px 3px #524c42}.navbar .nav-conectar{padding:10px 20px;border-radius:50px;font-family:Outfit,sans-serif;background:linear-gradient(267deg,#c425da -164.64%,#23d5e1 288.06%);font-size:18px;cursor:pointer;color:#000;text-shadow:-1px -1px 0 #ffffff,1px -1px 0 #ffffff,-1px 1px 0 #ffffff,1px 1px 0 #ffffff;font-weight:700;transition:.5s}.navbar .nav-conectar:hover{transform:scale(1.05)}.underline{display:flex;width:26px}.anchor-link{text-decoration:none;color:#000}.menu_close,.menu_open{display:none}@media (max-width:886px){.navbar{padding:10px}.navbar .nav-menu{gap:30px;font-size:16px}.navbar .nav-conectar{padding:10px;font-size:16px}}@media (max-width:710px){.nav-conectar{display:none}.menu_open{display:block;position:fixed;right:30px}.menu_close{display:block;position:relative;top:15px;left:130px;width:30px}.nav-menu{position:fixed;flex-direction:column;align-items:start;top:0;gap:30px;background-color:silver;width:350px;height:100%;z-index:2;transition:right .5s;right:-350px}.nav-menu li{font-size:23px;flex-direction:row;gap:20px}}.hero{padding-top:60px}.hero .hero_all{display:flex;align-items:center;flex-direction:column;background-color:#eee;border-radius:10px;margin:70px 40px 0;transition:.5s}.hero .hero_all:hover{box-shadow:0 5px 10px #fff}.hero .hero_all .box_imagen{position:relative;display:flex;justify-content:center;align-items:center;bottom:35px;width:290px;height:290px;overflow:hidden;border-radius:50%}.hero .hero_all .box_imagen .brian-silvero{position:relative;width:280px;height:280px;border-radius:50%;object-fit:cover}.hero .hero_all .box_imagen:hover:before{top:-10px;right:0;bottom:-10px;left:0}.hero .hero_all .box_imagen:before{content:"";position:absolute;top:0;right:90px;bottom:0;left:90px;background:linear-gradient(267deg,#c425da -164.64%,#23d5e1 288.06%);transition:.5s;animation:animate 4s linear infinite}.hero .hero_all .hero_descripcion{display:flex;align-items:center;flex-direction:column;gap:20px}.hero .hero_all .hero_descripcion h1{text-align:center;width:90%;font-size:42px;font-family:Kalam,cursive}.hero .hero_all .hero_descripcion h1 span{background:linear-gradient(267deg,#c425da -164.64%,#23d5e1 288.06%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero .hero_all .hero_descripcion p{width:75%;text-align:center;font-size:24px;line-height:34px;font-family:Kalam,cursive}.hero .hero_all .hero_descripcion .hero-accion{display:flex;align-items:center;gap:25px;font-size:24px;font-weight:500;margin-bottom:50px}.hero .hero_all .hero_descripcion .hero-accion .hero-conectar{font-family:Outfit;padding:10px 25px;border-radius:50px;box-shadow:0 5px 10px #686d76;border:2px solid #686d76;background:linear-gradient(267deg,#c425da -164.64%,#23d5e1 288.06%);cursor:pointer}.hero .hero_all .hero_descripcion .hero-accion .hero-conectar:hover{border-color:#373a40;transform:scale(1.1);color:#fff!important;transition:.3s}.hero .hero_all .hero_descripcion .hero-accion .hero-resumen{font-family:Outfit;padding:10px 25px;border-radius:50px;background:linear-gradient(267deg,#43c7df -164.64%,#7666c7 288.06%);box-shadow:0 5px 10px #686d76;border:2px solid #686d76;cursor:pointer}.hero .hero_all .hero_descripcion .hero-accion .hero-resumen:hover{border-color:#373a40;color:#fff!important;transform:scale(1.1);transition:.3s;background:linear-gradient(267deg,#c425da -164.64%,#23d5e1 288.06%)}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(365deg)}}@media (max-width: 886px){.hero h1{font-size:35px}.hero p{font-size:20px}.hero .hero-accion{font-size:20px;font-weight:700}}@media (max-width: 710px){.hero{gap:30px}.hero .brian-silvero{width:220px!important;height:220px!important}.hero .box_imagen{width:235px!important;height:235px!important}.hero h1{font-size:24px!important;font-family:Outfit!important}.hero p{font-size:18px!important;width:68%;font-size:20px;line-height:20px;font-family:Outfit!important;line-height:30px!important}.hero .hero-accion{display:flex;flex-direction:column;gap:20px;font-size:18px;margin-bottom:30px}.hero .hero-accion .hero-conectar,.hero .hero-accion .hero-resumen{font-size:16px;padding:5px 20px;border-radius:40px}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;margin:60px 20px 80px}.about .about-titulo{position:relative}.about .about-titulo h2{width:auto;padding:0 30px;font-family:Signika,sans-serif;font-size:50px;font-weight:650;color:#fff}.about .about-seccion{display:flex;flex-direction:column;justify-content:space-around;gap:20px;padding:1.5rem 1rem;background:#101010;font-family:Space Mono,monospace;width:80%;min-height:27.5rem;margin:0 auto;border-radius:.625rem;color:gray;font-weight:100;line-height:1.5;border:2px solid white}.about .about-seccion:hover{box-shadow:0 5px 10px #fff}.about .about-seccion .about-seccion-parrafo{height:550px}.about .about-seccion .about-seccion-button{text-align:center}.about .about-seccion .about-seccion-button .retro-button{position:relative;font-family:"Press Start 2P",cursive;font-size:14px;padding:10px 20px;margin:5px;background-color:#000;color:#fff;border:2px solid white;cursor:pointer;text-align:center}.about .about-seccion .about-seccion-button .retro-button:hover{background-color:#fff;color:#000}@media (max-width: 1085px){.about-seccion-parrafo{height:700px!important}}@media (max-width: 820px){.about-seccion-parrafo{height:770px!important}}@media (max-width: 755px){.about-seccion-parrafo{height:900px!important}}@media (max-width: 710px){.about{gap:20px;margin:70px 10px}.about .about-titulo h2{font-size:40px;padding:0}.about .about-seccion{height:auto}}@media (max-width: 590px){.about-seccion-parrafo{height:auto!important}.retro-button{font-family:Outfit!important}}.mis-proyectos{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin:0 20px 106px}.mis-proyectos .mis-proyectos-titulos{position:relative}.mis-proyectos .mis-proyectos-titulos h2{width:auto;padding:0 30px;font-size:50px;font-weight:650;font-family:Signika,sans-serif;color:#fff}.mis-proyectos .mis-proyectos-contenedor{margin-top:20px;box-sizing:border-box;height:280px;cursor:pointer;box-shadow:0 5px 10px #000}.mis-proyectos .mis-proyectos-contenedor .img-proyectos{width:600px;transition:.5s}.mis-proyectos .mis-proyectos-contenedor .img-proyectos:hover{transform:scale(1.1);border:4px solid #F3F7EC;box-shadow:0 5px 10px #000;border-radius:10px;transition:.5s}@media (max-width: 886px){.mis-proyectos .mis-proyectos-titulos h2{font-size:45px}.mis-proyectos .mis-proyectos-contenedor .img-proyectos{width:525px}}@media (max-width: 710px){.mis-proyectos{margin:0 20px 25px}.mis-proyectos .mis-proyectos-titulos h2{font-size:30px}.mis-proyectos .mis-proyectos-contenedor .img-proyectos{width:340px}}.conctacto{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;margin:0 20px 80px}.conctacto .contacto-titulo{position:relative}.conctacto .contacto-titulo h2{width:auto;padding:0 30px;font-size:50px;font-weight:650;font-family:Signika,sans-serif;color:#fff}.conctacto .contacto-seccion{display:flex;gap:30px;background-color:#b4b4b8;margin:0 40px;padding:10px 15px;border-radius:5px}.conctacto .contacto-seccion .conctacto-izquierda{display:flex;flex-direction:column;gap:20px}.conctacto .contacto-seccion .conctacto-izquierda h2{font-size:24px;font-weight:700;font-family:Outfit;background:linear-gradient(267deg,#c425da -164.64%,#23d5e1 288.06%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.conctacto .contacto-seccion .conctacto-izquierda p{max-width:550px;font-size:16px;line-height:20px;font-family:Kalam,cursive}.conctacto .contacto-seccion .conctacto-izquierda .contacto-detalle{display:flex;align-items:center;padding:5px;gap:40px;font-size:18px;font-family:Outfit;font-weight:400}.conctacto .contacto-seccion .conctacto-izquierda .contacto-detalle:nth-child(3){background-color:#eee;border:.3px solid rgba(0,0,0,.543);border-radius:5px;box-shadow:0 5px 10px #000;background-position:50% 50%;background-repeat:no-repeat;background-size:0 100%;background-image:linear-gradient(to right,#17bb1f,#17bb1f);transition:background-size .4s ease-in-out,color .4s ease-in-out}.conctacto .contacto-seccion .conctacto-izquierda .contacto-detalle:nth-child(3):hover{color:#fff;border:.3px solid #eeeeee;background-image:linear-gradient(#17bb1f,#17bb1f);background-size:100% 100%;background-position:50%}.conctacto .contacto-seccion .conctacto-izquierda .contacto-detalle:nth-child(4){background-color:#eee;border:.3px solid rgba(0,0,0,.543);border-radius:5px;box-shadow:0 5px 10px #000;background-position:50% 50%;background-repeat:no-repeat;background-size:0 100%;background-image:linear-gradient(to right,#ca1f1f,#ca1f1f);transition:background-size .4s ease-in-out,color .4s ease-in-out}.conctacto .contacto-seccion .conctacto-izquierda .contacto-detalle:nth-child(4):hover{color:#fff;border:.3px solid #eeeeee;background-image:linear-gradient(#ca1f1f,#ca1f1f);background-size:100% 100%;background-position:50%}.conctacto .contacto-seccion .conctacto-izquierda .contacto-detalle:nth-child(5){text-decoration:none;background-color:#eee;border:.3px solid rgba(0,0,0,.543);border-radius:5px;box-shadow:0 5px 10px #000;background-position:50% 50%;background-repeat:no-repeat;background-size:0 100%;background-image:linear-gradient(to right,#3296e2,#3296e2);transition:background-size .4s ease-in-out,color .4s ease-in-out}.conctacto .contacto-seccion .conctacto-izquierda .contacto-detalle:nth-child(5):hover{color:#fff!important;border:.3px solid #eeeeee;background-image:linear-gradient(#3296e2,#3296e2);background-size:100% 100%;background-position:50%}.conctacto .contacto-seccion .conctacto-izquierda .contacto-detalle:nth-child(6){background-color:#eee;border:.3px solid rgba(0,0,0,.543);border-radius:5px;box-shadow:0 5px 10px #000;background-position:50% 50%;background-repeat:no-repeat;background-size:0 100%;background-image:linear-gradient(to right,#000,#000);transition:background-size .4s ease-in-out,color .4s ease-in-out}.conctacto .contacto-seccion .conctacto-izquierda .contacto-detalle:nth-child(6):hover{color:#fff;border:.3px solid #eeeeee;background-image:linear-gradient(#000,#000);background-size:100% 100%;background-position:50%}.conctacto .contacto-seccion .conctacto-izquierda .contacto-detalle:hover .phone_contacto{color:#fff;background-color:#17bb1f;transform:rotateY(360deg);border:2px solid white}.conctacto .contacto-seccion .conctacto-izquierda .contacto-detalle:hover .email_contacto{color:#fff;background-color:#ca1f1f;transform:rotateY(360deg);border:2px solid white}.conctacto .contacto-seccion .conctacto-izquierda .contacto-detalle:hover .linkedin_contacto{color:#fff;background-color:#3296e2;transform:rotateY(360deg);border:2px solid white}.conctacto .contacto-seccion .conctacto-izquierda .contacto-detalle:hover .github_contacto{cursor:pointer;color:#fff;background-color:#000;transform:rotateY(360deg);border:2px solid white}.conctacto .contacto-seccion .conctacto-izquierda .contacto-detalle .phone_contacto{font-size:20px;color:#17bb1f;border:2px solid rgb(23,187,31);background-color:#fff;padding:5px;border-radius:50%;transition:.5s}.conctacto .contacto-seccion .conctacto-izquierda .contacto-detalle .email_contacto{font-size:20px;color:#ca1f1f;border:2px solid rgb(202,31,31);background-color:#fff;padding:5px;border-radius:50%;transition:.5s}.conctacto .contacto-seccion .conctacto-izquierda .contacto-detalle .linkedin_contacto{cursor:pointer;font-size:20px;color:#3296e2;border:2px solid rgb(50,150,226);background-color:#fff;padding:5px;border-radius:50%;transition:.5s}.conctacto .contacto-seccion .conctacto-izquierda .contacto-detalle .github_contacto{font-size:20px;color:#000;border:2px solid rgb(0,0,0);background-color:#fff;padding:5px;border-radius:50%;transition:.5s}.conctacto .contacto-seccion .contacto-derecha{display:flex;flex-direction:column;align-items:start;gap:15px}.conctacto .contacto-seccion .contacto-derecha label{font-size:18px;font-weight:600;font-family:Outfit;background:linear-gradient(267deg,#c425da -164.64%,#23d5e1 288.06%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.conctacto .contacto-seccion .contacto-derecha input{border:none;width:325px;height:30px;padding-left:20px;border-radius:2px;background:#f3f7ec;color:#000;font-weight:400;font-family:Outfit;font-size:16px}.conctacto .contacto-seccion .contacto-derecha textarea{width:325px;resize:none;border:none;padding:12.5px;border-radius:2px;background:#f3f7ec;font-family:Outfit;font-size:16px}.conctacto .contacto-seccion .contacto-derecha textarea::placeholder{color:#828282}.conctacto .contacto-seccion .contacto-derecha button{border:none;color:#fff;border-radius:10px;background:linear-gradient(267deg,#c425da -164.64%,#23d5e1 288.06%);font-family:Outfit;font-size:16px;padding:10px;margin-bottom:25px;margin-top:10px;cursor:pointer}.conctacto .contacto-seccion .contacto-derecha button:hover{transform:scale(1.1);transition:.3s}@media (max-width: 710px){.conctacto{gap:30px;margin:0 10px 45px}.conctacto .contacto-titulo h2{font-size:40px;padding:0}.conctacto .contacto-seccion{flex-direction:column}.conctacto .contacto-seccion .conctacto-izquierda{gap:20px}.conctacto .contacto-seccion .conctacto-izquierda h2{font-size:20px}.conctacto .contacto-seccion .conctacto-izquierda p{font-family:Outfit!important}.conctacto .contacto-seccion .conctacto-izquierda .contacto-detalle{font-size:16px;font-family:Outfit!important}.conctacto .contacto-seccion .contacto-derecha label{font-size:16px}.conctacto .contacto-seccion .contacto-derecha input,.conctacto .contacto-seccion .contacto-derecha textarea{width:100%;font-size:18px}}.footer{display:flex;justify-content:space-evenly;background-color:silver;width:100%}.footer .iconos{display:flex}.footer .iconos ul{display:flex;align-items:center;gap:60px}.footer .iconos ul li{display:flex;list-style:none;height:auto}.footer .iconos ul li a{display:flex}.footer .iconos ul li .linkedin_footer{font-size:20px;background-color:#fff;padding:5px;border-radius:50%;border:2px solid rgb(31,141,232);color:#1f8de8;transition:.5s}.footer .iconos ul li .linkedin_footer:hover{color:#fff;background-color:#1f8de8;transform:rotateY(360deg);border:2px solid white}.footer .iconos ul li .github_footer{font-size:20px;border:2px solid black;background-color:#fff;padding:5px;border-radius:50%;transition:.5s}.footer .iconos ul li .github_footer:hover{color:#fff;background-color:#000;transform:rotateY(360deg);border:2px solid white}.footer .logo_navbar img{height:35px}*{box-sizing:border-box;padding:0;margin:0}body{height:100vh;background-color:#eaeaea;color:#000;background-image:url(https://www.rpnation.com/gallery/carbon-fiber-background-wallpapers-1440x900.26454/full);background-attachment:fixed;object-fit:cover;background-position:center;background-size:cover}a{text-decoration:none;color:inherit}li{text-decoration:none}