.navbar-container{width:100%;display:flexbox;align-items:center;justify-content:center;position:fixed;transition:background-color .24s ease;box-shadow:none;z-index:1}.navbar{display:flex;flex-direction:column;align-items:start;justify-content:start;padding:5px;max-width:1400px;margin:0 auto;height:34px;box-shadow:none}.navbar>div:first-child{margin-left:auto}.menu-btn{display:flex;flex-direction:column;cursor:pointer;padding:9px 14px;margin:0}.btn-line{width:20px;height:2px;background-color:#f0f8ff;margin:2px 0;border-radius:5px}.menu{display:block;position:absolute;margin-top:-5px;padding:10px 10px 10px 30px;height:100vh;width:100%;left:130%;transition:left .5s ease;background-color:var(--banner-color)}.menu>p{font-size:2rem;width:fit-content;cursor:pointer;padding:10px 14px;margin:0 40px 40px auto;font-weight:800}.menu.active{left:0%}.menu ul{list-style:none;padding:0;margin-right:auto;width:220px}.menu ul li{margin-bottom:20px;font-size:2rem;color:#fff;transition:color .25s ease;cursor:pointer}.menu ul li a{text-decoration:none;color:#fff;transition:color .25s ease}.menu ul li a:hover,.menu ul li:hover{color:#939393}@media (min-width: 768px){.navbar{flex-direction:row;justify-content:end;display:flexbox;align-items:center;height:50px}.menu-btn,.menu>p{display:none}.menu{display:block;position:relative;left:0;top:0;margin-top:0;width:max-content;transition:none;height:fit-content;background-color:transparent}.menu ul{display:flex;flex-direction:row;justify-content:center;width:100%}.menu ul li{margin-bottom:0;margin-right:20px;font-size:1.6rem}}.formAlert__container{display:flex;align-items:center;position:fixed;width:100%;height:100%;background-color:transparent;animation:feidInShadow .8s forwards;animation-delay:0s;left:0;top:0;z-index:1}@keyframes feidInShadow{0%{background-color:transparent}to{background-color:#121212aa}}.hide__container{animation:feidOutShadow .8s forwards}@keyframes feidOutShadow{0%{background-color:#121212aa}to{background-color:transparent}}@media (min-width:768px){.formAlert__container{display:block}.formAlert{position:relative;top:75px}@keyframes feidInShadow{0%{left:-480px}to{left:50px}}@keyframes feidOutShadow{to{left:-480px}0%{left:50px}}}.formAlert{max-width:340px;border-radius:16px;background-color:#f5f5f5;margin:-150vh auto 0;animation:displayAlert 1.1s forwards;animation-delay:.5s}@keyframes displayAlert{0%{margin:-150vh auto 0}to{margin:0 auto}}.hide__alert{animation:hideAlert .8s forwards}@keyframes hideAlert{0%{margin:0 auto}to{margin:-150vh auto 0}}@media (min-width:768px){.formAlert__container{width:fit-content;height:fit-content}.formAlert{margin:0}@keyframes displayAlert{}@keyframes hideAlert{}}.formAlert .label-color-status{height:25px;width:100%;font-size:1.5rem;background-color:#7e7e7eca;border-radius:16px 16px 0 0}.formAlert__body{padding:15px 30px 40px 20px;border-radius:0 0 16px 16px}.formAlert__body h2{font-family:Roboto Slab;font-size:2.5rem;padding-bottom:10px;font-weight:800}.formAlert__body p{font-family:Lato;font-size:1.8rem;font-weight:600}.formAlert .ok .label-color-status{background:rgb(11,224,11);background:rgb(2,200,2);background:-moz-radial-gradient(circle,rgba(2,200,2,1) 17%,rgba(0,171,0,1) 59%,rgba(0,145,0,1) 100%);background:-webkit-radial-gradient(circle,rgba(2,200,2,1) 17%,rgba(0,171,0,1) 59%,rgba(0,145,0,1) 100%);background:radial-gradient(circle,rgba(2,200,2,1) 17%,rgba(0,171,0,1) 59%,rgba(0,145,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#02c802",endColorstr="#009100",GradientType=1)}.formAlert .ok .formAlert__body{box-shadow:inset 9px 9px 39px #99cb99,inset -9px -9px 39px #d7ffd7,0 3.7px 5.2px #00000004,0 5.3px 10.2px #00000007,0 6.8px 15.2px #0000000b,0 8.3px 20.1px #0000000f,0 10px 25.3px #00000013,0 12px 31.1px #00000017,0 14.4px 38.2px #0000001d,0 17.4px 48.3px #00000024,0 21.9px 66.3px #0000002e,0 35px 111px #0000003d;background-color:#b8f4b8;color:#175f17}.formAlert .bad .label-color-status{background:rgb(252,37,37);background:-moz-radial-gradient(circle,rgba(252,37,37,1) 0%,rgba(241,18,17,1) 35%,rgba(221,9,7,1) 69%,rgba(170,1,0,1) 100%);background:-webkit-radial-gradient(circle,rgba(252,37,37,1) 0%,rgba(241,18,17,1) 35%,rgba(221,9,7,1) 69%,rgba(170,1,0,1) 100%);background:radial-gradient(circle,rgba(252,37,37,1) 0%,rgba(241,18,17,1) 35%,rgba(221,9,7,1) 69%,rgba(170,1,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc2525",endColorstr="#aa0100",GradientType=1)}.formAlert .bad .formAlert__body{background:#fc2525;box-shadow:inset 9px 9px 39px #f38787,inset -9px -9px 39px #ffbaba,0 3.7px 5.2px #00000004,0 5.3px 10.2px #00000007,0 6.8px 15.2px #0000000b,0 8.3px 20.1px #0000000f,0 10px 25.3px #00000013,0 12px 31.1px #00000017,0 14.4px 38.2px #0000001d,0 17.4px 48.3px #00000024,0 21.9px 66.3px #0000002e,0 35px 111px #0000003d;background-color:#ffa6a6;color:#4e0c0c}*{margin:0;padding:0}:root{--banner-color: #1C1C1D;--white: rgba(243 248 255);--pure-white: #FFF;--text-color: rgb(66, 84, 117);--complementary-color: #C596FF}html{font-size:62.5%;font-family:Lato,Arial,Helvetica,sans-serif;background-color:var(--white);scroll-behavior:smooth}.header{height:480px;display:flexbox;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(/photos/portada.jpeg);background-position:center;background-repeat:no-repeat;background-size:cover}.header__body{max-width:450px;margin:0 auto;text-align:center;padding-top:90px}.header__body h1{font-family:Roboto Slab;font-weight:700;font-size:7rem;max-width:340px;margin:0 auto;color:#fff;padding-bottom:20px}.header__body p{font-family:Roboto Slab;font-weight:400;font-size:2.7rem;color:var(--complementary-color);padding-bottom:20px}.header__social{width:fit-content;display:flex;margin:20px auto 0}.header__social-container{width:40px;height:40px;margin:5px;border-radius:50%;border:1px solid white}.header__social-container .twitter{height:45px;margin-top:-3.5px;margin-left:-7px}.header__social-container .linkedin{height:25px;width:25px;margin-top:6.8px;margin-left:8.5px}.header__social-container .instagram{height:23px;width:23px;margin-top:8.6px;margin-left:8.5px}.header__social-container .github{height:33px;width:33px;margin-left:3.5px;margin-top:3px}@media (min-width: 550px){.header{height:510px}.header__body{padding-top:100px}}@media (min-width: 820px){.header__body{padding-top:110px}.header>div:last-child{margin-right:20px;margin-top:-100px}.header__social{flex-direction:column;position:absolute;right:5px;top:380px}.header__body h1{font-size:9.5rem;padding-bottom:40px}.header__body p{font-size:3.5rem}}.about{padding:60px 0;scroll-margin-top:30px}@media (min-width: 459px){.about{padding:80px 0}}.about__container{display:flex;flex-direction:column;align-items:stretch;height:auto;padding:0 20px;max-width:1000px;margin:0 auto}.about__container div{height:100%}.about__body{display:flex;flex-direction:column;justify-content:center;padding-bottom:20px}.about__body h2{font-family:Roboto Slab;font-weight:700;font-size:3.3rem;color:var(--complementary-color);white-space:pre-line}.about__body p{font-size:1.7rem;color:var(--text-color);margin:20px 0 0;padding-bottom:10px;line-height:2.4rem;text-align:start}.about__photo{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%}.about__photo h2{font-family:Roboto Slab;font-weight:700;width:100%;font-size:2.3rem;padding-bottom:18px}.about__photo p{width:fit-content;font-size:1.8rem;color:var(--complementary-color)}.about__photo img{width:270px;height:270px;border-radius:50%;background-color:gray;margin-top:30px;background:#e0e0e0;box-shadow:20px 20px 40px #bebebe,-20px -20px 40px #fff}@media (min-width: 458px){.about__container{padding:0 45px;justify-content:space-between;align-items:center}.about__photo{padding:0 40px}.about__photo h2{font-size:2.3rem}}@media (min-width: 768px){.about__container{display:flex;flex-direction:row}.about__container>div{max-width:370px}.about__container>div:first-child{max-width:450px}.about__body h2{font-size:5rem;white-space:pre-line}.about__photo h2{font-size:3.1rem}}.features{padding:80px 0;width:100%;background-color:var(--banner-color);display:flex}.features__container{padding:0 20px;margin:-60px auto 0;display:flex;flex-direction:column;max-width:1400px}.features__card{min-width:280px;max-width:360px;margin-top:60px;text-align:center;color:var(--pure-white)}.features__card>div:first-child{width:60px;height:60px;border-radius:50%;background:rgb(156,87,240);background:-moz-linear-gradient(0deg,rgba(156,87,240,1) 0%,rgba(176,116,250,1) 43%,rgba(197,150,255,1) 100%);background:-webkit-linear-gradient(0deg,rgba(156,87,240,1) 0%,rgba(176,116,250,1) 43%,rgba(197,150,255,1) 100%);background:linear-gradient(0deg,rgba(156,87,240,1) 0%,rgba(176,116,250,1) 43%,rgba(197,150,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#9c57f0",endColorstr="#c596ff",GradientType=1);margin:0 auto}.features__card>div:first-child img{width:30px;margin:15px auto 0}.features__card h2{font-family:Roboto Slab;font-weight:600;font-size:2.2rem;margin-top:20px}.features__card p{font-family:Lato;font-weight:400;font-size:1.6rem;line-height:2.3rem;margin-top:20px}.features__card a{color:var(--complementary-color);text-decoration:none}.features__card .feature__card-link{font-size:1.6rem;font-weight:100;width:fit-content;color:var(--complementary-color);margin:30px auto 0}@media (min-width: 1101px){.features{padding:80px 0}.features__container{flex-direction:row;margin-top:-60px}.features__card{min-width:290px;max-width:350px;margin:60px 20px 0;text-align:center;color:var(--pure-white);align-items:start}}@media (min-width:1260px){.features__card{margin:60px 40px 0}}.skills{padding:60px 0;background-color:var(--white);max-width:1320px;margin:0 auto;scroll-margin-top:30px}.skills__container{padding:0 20px;margin:0 auto;display:flex;flex-direction:column;max-width:1400px}@media (min-width: 458px){.skills__container{padding:0 40px}}@media (min-width: 445px){.skills{padding:80px 0}}.skills__body h2{font-family:Roboto Slab;font-size:2.5rem}.skills__body p{font-size:1.7rem;font-weight:400;margin-top:20px;line-height:2.8rem;max-width:630px}.skills__skills{margin:40px auto 0;width:fit-content}.skill__card{font-family:Roboto Slab;font-weight:700;padding:20px 0;display:flex;flex-direction:column;align-items:center;max-width:320px}.skill__card h2{font-size:3.3rem;color:var(--complementary-color)}.skill__card p{font-size:1.9rem;padding-top:20px;font-weight:600}@media (min-width: 769px){.skills__body h2{font-size:4.1rem}.skills__skills{margin:40px auto 0}.skill__card h2{font-size:5.3rem}.skill__card p{font-size:1.9rem}}@media (min-width: 1025px){.skills__container{flex-direction:row;justify-content:space-between;align-items:center}.skills__body{width:65%;max-width:830px}.skills__skills{display:flex;flex-wrap:wrap;width:fit-content;max-width:430px;height:100%;margin:0;justify-content:center}.skill__card{flex-basis:50%;max-width:150px;margin:0 30px;box-sizing:border-box}}.languaje{padding:60px 0;background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(/photos/languajes_background.jpeg);background-position:center;background-repeat:no-repeat;background-size:cover}.languaje__container{padding:0 20px;text-align:center;max-width:1400px;margin:0 auto;color:#fff}.languaje__container h2{font-family:Roboto Slab;font-size:2.57rem;margin-bottom:20px}.languaje__languajes{display:flex;flex-direction:column}.languaje__card{padding:20px 0}.languaje__card h3{font-family:Roboto Slab;font-size:1.9rem;margin-bottom:20px;color:var(--complementary-color)}.languaje__card p{font-weight:400;font-size:1.38rem;margin-bottom:10px}@media (min-width: 469px){.languajes{padding:80px 0}.languajes h2{margin-bottom:50px}.languaje__container{padding:0 40px}}@media (min-width: 769px){.languaje__container h2{font-size:4.1rem}.languaje__languajes{display:flex;flex-direction:unset;flex-wrap:wrap;justify-content:center}.languaje__card{padding:20px;width:210px}}.experience{padding:60px 0 0;scroll-margin-top:30px}.experience__container{padding:0 20px;max-width:1400px;margin:0 auto;text-align:center}@media (min-width: 458px){.experience{padding:80px 0 0}.experience__container{padding:0 40px}}.experience__container h2{font-family:Roboto Slab;font-weight:700;font-size:2.55rem}.experience__container>p{font-size:1.7rem;font-weight:400;margin-top:20px;line-height:2.5rem}.experience__timeline{padding-top:50px}.timeline__card img{width:100%;object-fit:cover;margin-bottom:40px;border-radius:18px}.timeline__card h3{font-family:Roboto Slab;font-weight:800;font-size:1.97rem;margin-bottom:22px}.timeline__card p{font-family:Lato;font-weight:400;white-space:pre-line;font-size:1.77rem;line-height:2.5rem;color:var(--text-color)}.experience__timeline>div:first-child{text-align:start}.experience__timeline>div:last-child{margin-top:40px;text-align:end}.timeline__container .education h3:before{content:"1";position:absolute;font-size:1.5rem;left:10px;font-weight:700;color:var(--complementary-color)}.timeline__container .work h3:before{content:"2";position:absolute;font-size:1.5rem;left:10px;font-weight:700;color:var(--complementary-color)}@media (min-width:458px){.experience__container{padding:0 40px}.timeline__container .education h3:before{font-size:1.6rem;left:18px;z-index:-1;background-color:var(--white);padding:5px}.timeline__container .work h3:before{font-size:1.6rem;left:18px;z-index:-1;background-color:var(--white);padding:5px}}@media (min-width: 601px){.timeline__container{padding:0 40px}.experience__timeline:before{content:"";position:absolute;left:27px;width:1.7px;height:210vw;max-height:1680px;background-color:#dadada;border-radius:5px;z-index:-11}}@media (min-width: 769px){.experience__container>h2{font-size:4.1rem}}@media (min-width: 1025px){.experience__timeline:before{left:50%;height:100%}.timeline__container{display:flex;justify-content:space-around}.timeline__container>div{width:50%}.experience__timeline>div:last-child{display:flex;flex-direction:row-reverse}.timeline__container>div{margin:0 45px}.timeline__container .education h3:before{font-size:2rem;left:calc(50% - 10px)}.timeline__container .work h3:before{font-size:2rem;left:calc(50% - 10px)}}.portfolio{scroll-margin-top:30px}.portfolio__container{padding:0 20px;font-weight:800}.portfolio__container h2{font-family:Roboto Slab;font-weight:700;padding:60px 0;font-size:2.57rem;text-align:center}@media (min-width: 458px){.portfolio__container h2{padding:80px 0}}@media (min-width: 789px){.portfolio__container h2{font-size:4.1rem}}.portfolio__projects{height:300px;background-color:#1c1c1d;color:var(--complementary-color);font-size:2.8rem;font-weight:800;display:flex;width:100%;left:0;justify-content:center;align-items:center;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(../photos/languajes_background.jpeg);background-position:center;background-repeat:no-repeat;background-size:cover}.contact{padding:60px 0;background-color:var(--white);scroll-margin-top:30px}.contact__container{padding:0 20px;max-width:1200px;margin:0 auto;display:flex;flex-direction:column}@media (min-width: 458px){.contact{padding:80px 0}.contact__container{padding:0 40px}}.contact__body{display:flex;flex-direction:column}.contact__body h2{font-family:Roboto Slab;font-size:2.37rem;margin-bottom:20px}.contact__body p,.contact__body a{font-family:Lato;font-weight:400;font-size:1.38rem;line-height:2.4rem;color:#1c1c1d;text-decoration:none;margin-top:10px}.contact__body-media{width:fit-content;margin:30px auto 0}.contact__body-media h3{font-size:1.77rem;font-weight:100;margin-bottom:10px}.social_media{display:flex;justify-content:center}.social_media a{width:22px;height:22px;margin:10px}.contact__container form{display:flex;flex-direction:column}.contact__container form input{font-weight:400;height:46px;padding:0 45px 0 25px;border-radius:25px;font-size:1.6rem;margin-top:20px;border:1px solid rgb(152,152,152)}.contact__container form input:focus,.contact__container form textarea:focus{outline:none;outline:2px solid var(--complementary-color)}.contact__container form textarea{font-weight:400;height:156px;padding:20px;border-radius:25px;font-size:1.8rem;margin-top:20px;border:1px solid rgb(152,152,152);resize:none;font-family:Lato}.contact__container form button{font-family:Lato;width:110px;height:50px;font-size:1.4rem;font-weight:600;border-radius:35px;margin:25px auto 0;background:rgb(152,68,255);background:-moz-linear-gradient(0deg,rgba(152,68,255,1) 0%,rgba(169,101,254,1) 38%,rgba(176,116,251,1) 63%,rgba(199,155,252,1) 100%);background:-webkit-linear-gradient(0deg,rgba(152,68,255,1) 0%,rgba(169,101,254,1) 38%,rgba(176,116,251,1) 63%,rgba(199,155,252,1) 100%);background:linear-gradient(0deg,rgba(152,68,255,1) 0%,rgba(169,101,254,1) 38%,rgba(176,116,251,1) 63%,rgba(199,155,252,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#9844ff",endColorstr="#c79bfc",GradientType=1);border:none;color:#fff;box-shadow:.6px 2.1px 1.2px #00000007,.8px 2.5px 2.7px #0000000b,.9px 2.9px 4.6px #0000000e,1px 3.5px 6.9px #00000010,1.3px 4.4px 10px #00000012,1.7px 5.6px 14.2px #00000014,2.2px 7.4px 20.1px #00000016,3px 10px 29.2px #00000019,4.1px 13.8px 45px #0000001c,6px 20px 80px #00000024}.contact__container form button:hover{background:rgb(197,150,255);background:-moz-linear-gradient(0deg,rgba(197,150,255,1) 0%,rgba(197,150,255,1) 38%,rgba(205,164,255,1) 63%,rgba(219,189,255,1) 100%);background:-webkit-linear-gradient(0deg,rgba(197,150,255,1) 0%,rgba(197,150,255,1) 38%,rgba(205,164,255,1) 63%,rgba(219,189,255,1) 100%);background:linear-gradient(0deg,rgba(197,150,255,1) 0%,rgba(197,150,255,1) 38%,rgba(205,164,255,1) 63%,rgba(219,189,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#c596ff",endColorstr="#dbbdff",GradientType=1)}.contact__container form button:active{background:rgb(166,93,255);background:-moz-linear-gradient(0deg,rgba(166,93,255,1) 0%,rgba(171,104,252,1) 10%,rgba(157,80,252,1) 40%,rgba(132,35,249,1) 100%);background:-webkit-linear-gradient(0deg,rgba(166,93,255,1) 0%,rgba(171,104,252,1) 10%,rgba(157,80,252,1) 40%,rgba(132,35,249,1) 100%);background:linear-gradient(0deg,rgba(166,93,255,1) 0%,rgba(171,104,252,1) 10%,rgba(157,80,252,1) 40%,rgba(132,35,249,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#a65dff",endColorstr="#8423f9",GradientType=1)}.contact__container form button:disabled{background:rgb(133,74,204);background:-moz-linear-gradient(0deg,rgba(133,74,204,1) 0%,rgba(137,83,202,1) 10%,rgba(126,63,202,1) 40%,rgba(106,29,196,1) 100%);background:-webkit-linear-gradient(0deg,rgba(133,74,204,1) 0%,rgba(137,83,202,1) 10%,rgba(126,63,202,1) 40%,rgba(106,29,196,1) 100%);background:linear-gradient(0deg,rgba(133,74,204,1) 0%,rgba(137,83,202,1) 10%,rgba(126,63,202,1) 40%,rgba(106,29,196,1) 100%)}@media (min-width: 501px){.contact__container form{min-width:400px;max-width:400px;margin:0 auto}}@media (min-width: 769px){.contact__container{display:flex;flex-direction:row}.contact__container>div{width:43%}.contact__body h2{font-size:3.1rem}.contact__container form{margin:0 0 0 auto}.contact__container form>input:first-child{margin-top:0}.contact__container form input{width:328px;height:48px}.contact__container form button{margin-right:0}.contact__body-media{margin:30px 0 0}}.footer{padding:50px 0;background-color:var(--banner-color)}.footer__container{padding:0 20px}.footer__items{display:flex;flex-wrap:wrap;justify-content:center}.footer__items a{color:#fff;padding:10px;font-size:1.6rem;text-decoration:none;transition:all .35s ease}.footer__items a:hover{color:#939393}