.nav-bar__div--container{-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:aparicion;animation-name:aparicion;height:70px;opacity:0;position:fixed;z-index:1000}.entrada__div--container,.nav-bar__div--container{-webkit-animation-duration:2s;animation-duration:2s;top:0;width:100%}.entrada__div--container{align-items:center;-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:salidaContainer;animation-name:salidaContainer;background-image:linear-gradient(to left top,#00f,#000,#000);display:flex;height:100vh;justify-content:center;position:absolute;text-align:center}.entrada__h2--xtevens210{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:salidaXtevens210;animation-name:salidaXtevens210;color:#b8b8b8;font-family:Quicksand,sans-serif;font-size:50px}.entrada__img--imagen{-webkit-animation-delay:2.5s,5s;animation-delay:2.5s,5s;-webkit-animation-duration:2s,2s;animation-duration:2s,2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:aparicion,salidaLogo;animation-name:aparicion,salidaLogo;border-radius:100%;opacity:0;width:150px}@-webkit-keyframes aparicion{0%{opacity:0}to{opacity:100%}}@keyframes aparicion{0%{opacity:0}to{opacity:100%}}@-webkit-keyframes salidaContainer{0%{opacity:100%}to{opacity:0}}@keyframes salidaContainer{0%{opacity:100%}to{opacity:0}}@-webkit-keyframes salidaXtevens210{0%{color:#b8b8b8}to{color:hsla(0,0%,72%,0)}}@keyframes salidaXtevens210{0%{color:#b8b8b8}to{color:hsla(0,0%,72%,0)}}@-webkit-keyframes salidaLogo{0%{opacity:100%}to{opacity:0}}@keyframes salidaLogo{0%{opacity:100%}to{opacity:0}}.nav-bar-convencional__div--container{align-items:center;background-color:#323232;display:flex;height:80px;justify-content:space-between;width:100%}.nav-bar-convencional__div--logo-letrero{color:#dbdbdb;float:right;font-family:Bakbak One;font-size:30px;font-style:normal;font-weight:400;line-height:56px;margin-right:20px}.nav-bar-convencional__div--logo-letrero img{border-radius:100%;position:relative;top:4px;width:30px}.nav-bar-convencional__div--accesos{display:flex;justify-content:space-around;margin-left:20px}.nav-bar-convencional__div--accesos .nav-bar-convencional__Link{border:1px solid #0ff;border-radius:7px;color:#d7d7d7;font-family:Bakbak One;font-size:16px;font-style:normal;font-weight:400;line-height:22px;margin:0 10px;padding:5px 10px;text-decoration:none;transition:.5s ease-in-out}.nav-bar-convencional__div--accesos .nav-bar-convencional__Link:hover{background-color:#0ff;color:#323232}.hamburguesa__div--container{align-items:center;background-color:#323232;display:flex;height:70px;text-align:center;width:100%}.hamburguesa__div--boton{float:left;margin-left:10px;position:absolute;z-index:1000}.hamburguesa__div--logo{align-items:center;color:#d7d7d7;display:inline-block;display:flex;font-family:Bakbak One;font-size:30px;font-style:normal;font-weight:400;line-height:56px;margin:auto}.hamburguesa__div--logo img{border-radius:100%;width:30px}.hamburguesa__img--hamburguesa{transition:.5s ease-in-out;width:40px}.hamburguesa__div--lista{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index:-1}.hamburguesa__div--container-opciones{background-color:rgba(0,0,0,.593);height:100vh;transition:.5s ease-in-out;width:0}.hamburguesa__div--panel-opciones{background-color:#202020;height:100vh;transition:.5s ease-in-out;width:500px}.hamburguesa__div--opciones-lista{overflow:hidden;position:relative;top:100px;width:100%}.hamburguesa__div--opciones-lista button{background-color:initial;border:none;border-bottom:2px solid #0ff;color:#0ff;font-family:Kanit,sans-serif;height:50px;overflow:hidden;width:100%}body{background-color:#202020}body::-webkit-scrollbar{background-color:#0ff;width:10px}body::-webkit-scrollbar-track{background:#202020}body::-webkit-scrollbar-thumb{background-color:#202020;border:1px solid #696969;border-radius:20px}body::-webkit-scrollbar-thumb:hover{background-color:#0ff;border:1px solid #a8a8a8;border-radius:20px}.acerca-de__div--container{align-items:center;display:flex;height:1500px;justify-content:center;width:100%}.acerca-de__div--seccion{width:90%}.acerca-de__h2--acerca-de{color:#d7d7d7;font-family:Bakbak One,cursive;font-size:24px;font-style:normal;font-weight:400;line-height:34px}.acerca-de__div--seccion p{color:#8f8f8f;font-family:Baloo\ 2,cursive;font-size:18px;font-style:normal;font-weight:400;line-height:24px}@media screen and (min-width:450px){.acerca-de__div--container{height:1300px}}@media screen and (min-width:600px){.acerca-de__div--container{height:1100px}.acerca-de__h2--acerca-de{font-size:26px}.acerca-de__div--seccion p{font-size:20px}}@media screen and (min-width:767px){.acerca-de__div--container{height:1000px}.acerca-de__h2--acerca-de{font-size:28px}.acerca-de__div--seccion p{font-size:22px}}@media screen and (min-width:970px){.acerca-de__div--container{height:1000px}.acerca-de__h2--acerca-de{font-size:30px}.acerca-de__div--seccion p{font-size:20px}}@media screen and (min-width:1280px){.acerca-de__div--container{height:900px}.acerca-de__div--seccion{width:60%}}.banner__div--container{background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/static/media/laptop-2620118_1280.25b80e7aa3812016a4f8.jpg);background-position:50%;background-size:cover;color:#d7d7d7;height:600px;padding-top:50px;text-align:center;width:100%}.banner__h2{font-family:Bakbak One,cursive}.banner__h2--bienvenido{font-size:30px;font-style:normal;font-weight:400;line-height:45px;position:relative;top:100px}.banner__h2--steven{font-family:Bakbak One;font-size:28px;top:120px}.banner__h2--steven,.banner__h3{font-style:normal;font-weight:400;line-height:45px;position:relative}.banner__h3{color:#d7d7d7;font-family:Bakbak One,cursive;font-family:Bakbak One;font-size:17px;top:115px}.banner__img--image{border-radius:100%;position:relative;top:130px;width:130px}@media screen and (min-width:400px){.banner__h2--steven{font-size:30px}.banner__h3{font-size:19px}.banner__img--image{width:140px}}@media screen and (min-width:600px){.banner__h2--bienvenido{font-size:34px}.banner__h2--steven{font-size:32px}.banner__h3{font-size:19px}.banner__img--image{width:150px}}@media screen and (min-width:767px){.banner__h2--bienvenido{font-size:36px}.banner__h2--steven{font-size:34px}.banner__h3{font-size:21px}.banner__img--image{width:155px}}@media screen and (min-width:970px){.banner__h2--bienvenido{font-size:39px;letter-spacing:1px}.banner__h2--steven{font-size:37px;letter-spacing:1px}.banner__h3{font-size:24px;letter-spacing:1px}.banner__img--image{width:155px}}.contacto__div--container{align-items:center;display:flex;height:270px;justify-content:center;width:100%}.contacto__div--seccion-contacto{width:90%}.contacto__h2--contacto{color:#d7d7d7;font-family:Bakbak One;font-size:24px;font-style:normal;font-weight:400;line-height:34px}.contacto__ul--lista{color:#8f8f8f;font-family:Baloo\ 2;font-size:18px;font-style:normal;font-weight:400;line-height:24px}@media screen and (min-width:600px){.contacto__h2--contacto{font-size:26px}.contacto__ul--lista{font-size:18px}}@media screen and (min-width:767px){.contacto__h2--contacto{font-size:28px}.contacto__ul--lista{font-size:22px}}@media screen and (min-width:970px){.contacto__h2--contacto{font-size:30px}.contacto__ul--lista{font-size:20px}}@media screen and (min-width:1280px){.contacto__div--seccion-contacto{width:60%}}.contacto-wh__div--container{align-items:center;background-attachment:fixed;background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/static/media/Logo%20portafolio%20CV%20amplio.0e59924ce90b78baa530.jpg);background-position:50%;background-size:150%;display:flex;justify-content:center;width:100%}.contacto-wh__div--seccion-wh{width:90%}.contacto-wh__div--qr,.contacto-wh__div--seccion-wh{display:flex;flex-direction:column;justify-content:center}.contacto-wh__div--logowp,.contacto-wh__div--qr{align-items:center;height:400px;width:100%}.contacto-wh__div--logowp{display:flex;flex-direction:column;justify-content:center}.contacto-wh__h3{background-color:rgba(54,54,54,.877);border-radius:12px;color:#d7d7d7;font-family:Baloo\ 2,cursive;font-size:18px;font-style:normal;font-weight:400;line-height:24px;padding:0 15px;text-align:center}.contacto-wh__img{width:200px}.contacto-wh__img--imagen-whatsapp{padding:50px;width:100px}@media screen and (min-width:600px){.contacto-wh__h3{font-size:18px}}@media screen and (min-width:767px){.contacto-wh__h3{font-size:22px}}@media screen and (min-width:970px){.contacto-wh__h3{font-size:23px}.contacto-wh__div--seccion-wh{flex-direction:row;width:90%}.contacto-wh__div--logowp,.contacto-wh__div--qr{height:400px;width:90%}.contacto-wh__h3{margin:0 10px}.contacto-wh__h3--o-presiona{position:relative}.contacto-wh__img--imagen-whatsapp{padding:50px;width:100px}}@media screen and (min-width:1280px){.contacto-wh__h3{width:70%}}.educacion__div--container{align-items:center;display:flex;height:150px;justify-content:center;width:100%}.educacion__div--seccion-educacion{width:90%}.educacion__h2--educacion{color:#d7d7d7;font-family:Bakbak One,cursive;font-size:24px;font-style:normal;font-weight:400;line-height:34px}.educacion__ul--lista{color:#8f8f8f;font-family:Baloo\ 2,cursive;font-size:18px;font-style:normal;font-weight:400;line-height:24px}@media screen and (min-width:600px){.educacion__h2--educacion{font-size:26px}.educacion__ul--lista{font-size:18px}}@media screen and (min-width:767px){.educacion__h2--educacion{font-size:28px}.educacion__ul--lista{font-size:22px}}@media screen and (min-width:970px){.educacion__h2--educacion{font-size:30px}.educacion__ul--lista{font-size:20px}}@media screen and (min-width:1280px){.educacion__div--seccion-educacion{width:60%}}.habilidades__div--container{align-items:center;display:flex;height:250px;justify-content:center;width:100%}.habilidades__div--seccion-habilidades{width:90%}.habilidades__h2--habilidades{color:#d7d7d7;font-family:Bakbak One;font-size:24px;font-style:normal;font-weight:400;line-height:34px}.habilidades__ul--lista{color:#8f8f8f;font-family:Baloo\ 2;font-size:18px;font-style:normal;font-weight:400;line-height:24px}@media screen and (min-width:600px){.habilidades__h2--habilidades{font-size:26px}.habilidades__ul--lista{font-size:18px}}@media screen and (min-width:767px){.habilidades__h2--habilidades{font-size:28px}.habilidades__ul--lista{font-size:22px}}@media screen and (min-width:970px){.habilidades__h2--habilidades{font-size:30px}.habilidades__ul--lista{font-size:20px}}@media screen and (min-width:1280px){.habilidades__div--seccion-habilidades{width:60%}}.servicios__div--container{align-items:center;display:flex;height:310px;justify-content:center;width:100%}.servicios__div--seccion-servicios{width:90%}.servicios__h2--servicios{color:#d7d7d7;font-family:Bakbak One;font-size:24px;font-style:normal;font-weight:400;line-height:34px}.servicios__div--seccion-servicios p,.servicios__ul--lista-servicios{color:#8f8f8f;font-family:Baloo\ 2,cursive;font-size:18px;font-style:normal;font-weight:400;line-height:24px}@media screen and (min-width:600px){.servicios__h2--servicios{font-size:26px}.servicios__div--seccion-servicios p,.servicios__ul--lista-servicios{font-size:20px}}@media screen and (min-width:767px){.servicios__h2--servicios{font-size:28px}.servicios__div--seccion-servicios p,.servicios__ul--lista-servicios{font-size:22px}}@media screen and (min-width:970px){.servicios__h2--servicios{font-size:30px}.servicios__ul--lista-servicios{font-size:23px}.servicios__div--seccion-servicios p{font-size:20px}}@media screen and (min-width:1280px){.servicios__div--seccion-servicios{width:60%}}.icono__div--container{height:90px;width:80px}.icono__div--borde-icono,.icono__div--container{align-items:center;display:flex;justify-content:center}.icono__div--borde-icono{background-color:#323232;border:1px solid #0ff;border-radius:6px;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));flex-direction:column}.icono__img{border-radius:6px;padding-top:6px;width:75%}.icono__h3{color:#d7d7d7;font-family:Bakbak One;font-size:13px;font-style:normal;font-weight:400;line-height:15px}@media screen and (min-width:767px){.icono__div--container{height:95px;width:85px}.icono__h3{font-size:15px}}@media screen and (min-width:970px){.icono__div--container{height:100px;width:90px}.icono__h3{font-size:17px}}.tecnologias__div--container{align-items:center;display:flex;height:550px;justify-content:center;width:100%}.tecnologias__div--seccion-iconos{align-items:center;justify-content:center;width:90%}.tecnologias__h2--tecnologias{color:#d7d7d7;font-family:Bakbak One,cursive;font-size:24px;font-style:normal;font-weight:400;line-height:34px}.tecnologias__div--grid-iconos{grid-row-gap:30px;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:auto auto auto auto;justify-content:center;padding:20px 0;row-gap:30px}@media screen and (min-width:500px){.tecnologias__div--grid-iconos{grid-template-columns:auto auto auto auto auto}}@media screen and (min-width:600px){.tecnologias__div--grid-iconos{-webkit-column-gap:20px;column-gap:20px;grid-template-columns:auto auto auto auto auto}.tecnologias__h2--tecnologias{font-size:26px}}@media screen and (min-width:767px){.tecnologias__div--grid-iconos{-webkit-column-gap:20px;column-gap:20px;grid-template-columns:auto auto auto auto auto auto}.tecnologias__h2--tecnologias{font-size:28px}}@media screen and (min-width:970px){.tecnologias__div--grid-iconos{-webkit-column-gap:25px;column-gap:25px;grid-template-columns:auto auto auto auto auto auto auto}.tecnologias__h2--tecnologias{font-size:30px}}@media screen and (min-width:1280px){.tecnologias__div--grid-iconos{-webkit-column-gap:25px;column-gap:25px;grid-template-columns:auto auto auto auto auto auto auto auto}.tecnologias__div--seccion-iconos{align-items:center;justify-content:center;width:60%}}.clientes__seccion{margin:100px auto;width:90%}.clientes__h2--clientes{color:#d7d7d7;font-family:Bakbak One;font-size:24px;font-style:normal;font-weight:400;line-height:34px}.clientes__span--tarjeta{align-items:center;background-color:#333;border:1px solid #0ff;border-radius:40px;display:flex;justify-content:center;margin:30px auto}@media screen and (min-width:600px){.clientes__h2--clientes{font-size:26px}}@media screen and (min-width:767px){.clientes__h2--clientes{font-size:28px}}@media screen and (min-width:970px){.clientes__h2--clientes{font-size:30px}}@media screen and (min-width:1280px){.clientes__seccion{width:60%}}.logo-cliente__div--container{align-items:center;display:flex;flex-direction:column;height:250px;justify-content:center;position:relative;width:120px}.logo-cliente__div--container img{margin:10px;width:100%}.logo-cliente__div--container p{align-items:center;bottom:20px;color:#d7d7d700;display:flex;font-family:Bakbak One,cursive;font-size:15px;font-style:normal;font-weight:400;height:40px;justify-content:center;position:absolute;text-align:center;transition:all .5s}.logo-cliente__div--container:hover p{bottom:0;color:#d7d7d7}.footer__div--container{background-color:#000;border-top:2px solid #0ff}.footer__div--informacion,.footer__div--logo{display:flex;flex-direction:column}.footer__div--logo{align-items:center;justify-content:center}.footer__div--logo img{border-radius:100%;width:200px}.footer__div--logo p{color:#d7d7d7;font-family:Bakbak One;font-size:22px;font-style:normal;font-weight:400;line-height:34px}.footer__div--datos{align-items:center;display:flex;flex-direction:column;justify-content:center}.footer__div--paquete-dato{align-items:center;display:flex;flex-direction:row}.footer__div--datos img{margin-right:20px;width:50px}.footer__div--datos p{color:#d7d7d7;font-family:Bakbak One;font-size:19px;font-style:normal;font-weight:400;line-height:34px}.footer__div--comunicacion{align-items:center;display:flex;flex-direction:column;justify-content:center}.footer__div--comunicacion p{color:#d7d7d7;font-family:Bakbak One;font-size:19px;font-style:normal;font-weight:400;line-height:34px}.footer__div--comunicacion a{background-color:initial;border:none;border-radius:100%;cursor:pointer}.footer__div--comunicacion a img{margin-bottom:50px;width:100px}@media screen and (min-width:976px){.footer__div--informacion{align-items:center;flex-direction:row;justify-content:space-around}.footer__div--logo img{width:100px}.footer__div--datos img{margin-right:20px;width:35px}.footer__div--datos p{color:#d7d7d7;font-family:Bakbak One;font-size:15px;font-style:normal;font-weight:400;line-height:34px}.footer__div--comunicacion{margin-bottom:90px}.footer__div--comunicacion a img{margin-bottom:0;width:50px}}.portafolio__div--container{background-color:#202020;height:1500px;width:100%}.portafolio__div--redes{align-items:center;display:flex;height:50px;justify-content:center;position:relative;top:75px;width:100%}.portafolio__div--linea-adorno{align-items:center;background-color:#0ff;display:flex;height:2px;justify-content:center;width:90%}.portafolio__div--redes-iconos{align-items:center;background-color:#202020;display:flex;height:50px;justify-content:space-around;width:100px}.portafolio__div--redes-iconos img{width:25px}.portafolio__div--presentacion{margin:auto;position:relative;top:120px;width:90%}.portafolio__h4--hola-mi-nombre{color:#0ff;font-family:Julius Sans One,sans-serif;font-size:13px;font-weight:300}.portafolio__p--steven-sanchez{color:#d7d7d7;top:-25px}.portafolio__p--desarrollador-web-full-stack,.portafolio__p--steven-sanchez{font-family:Kanit,sans-serif;font-size:26px;font-weight:500;position:relative}.portafolio__p--desarrollador-web-full-stack{color:#8f8f8f;top:-53px}.portafolio__p--descripcion{color:#868686;font-family:Kanit,sans-serif;font-size:13px;position:relative;top:-70px}.portafolio__div--portafolio-container{margin:auto;position:relative;top:150px;width:90%}.portafolio__h4--portafolio{color:#868686;font-family:Kanit,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:normal;text-align:center}.portafolio__div--tarjetas-portafolio{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto;width:100%}@media screen and (min-width:600px){.portafolio__div--container{height:1800px}.portafolio__div--presentacion{width:500px}}@media screen and (min-width:1000px){.portafolio__div--container{height:1800px}.portafolio__div--presentacion{width:700px}.portafolio__div--tarjetas-portafolio{grid-gap:30px;background-color:#262626;border-radius:40px;display:grid;gap:30px;grid-template-columns:1fr 1fr;padding:20px;width:60%}}.tarjeta-portafolio__div--container{background-color:#323232;border-radius:23px;box-shadow:10px 10px 10px -4px rgba(0,0,0,.75);height:500px;margin:30px auto;position:relative;width:90%}.tarjeta-portafolio__div--container img{border-top-left-radius:23px;border-top-right-radius:23px;width:100%}.tarjeta-portafolio__div--info{align-items:center;color:#8f8f8f;display:flex;flex-direction:column;font-family:Kanit,sans-serif;font-size:20px;font-style:normal;font-weight:400;justify-content:center;line-height:normal}.tarjeta-portafolio__div--info h4{color:#d7d7d7;font-size:20px;margin:10px auto;text-align:center;width:90%}.tarjeta-portafolio__div--info p{font-size:18px;text-align:center;width:90%}.tarjeta-portafolio__div--container button{background-color:#0ff;border:none;border-bottom-left-radius:23px;border-bottom-right-radius:23px;bottom:0;color:#393939;cursor:pointer;font-family:Kanit,sans-serif;font-size:25px;font-style:normal;font-weight:400;left:0;line-height:normal;margin:auto;padding:15px;position:absolute;right:0;transition:all .5s;width:100%}.tarjeta-portafolio__div--container button:hover{background-color:#8f8f8f;color:#d7d7d7}@media screen and (min-width:350px){.tarjeta-portafolio__div--container{height:495px}}@media screen and (min-width:600px){.tarjeta-portafolio__div--container{width:500px}}@media screen and (min-width:1000px){.tarjeta-portafolio__div--container{height:500px;width:90%}}.en-proceso__div--container{position:absolute}.en-proceso__div--container,.en-proceso__div--tarjeta{align-items:center;display:flex;justify-content:center}.en-proceso__div--tarjeta{background-color:#393939}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
/*# sourceMappingURL=main.f2bb5a7d.css.map*/