:root{--font-base:"Inter",sans-serif;--previous-bg:#282c33;--previous-gray:#abb2bf;--previous-primary:#c778dd;--background-color:#46484c;--primary-color:#51bcd9;--gray-color:#c9cbcd;--black-color:#030303;--white-color:#fff}*{scroll-behavior:smooth;text-decoration:none}body{align-items:center;background:#46484c;background:var(--background-color);display:block;font-family:Fira Code,monospace;font-optical-sizing:auto;justify-content:center;position:relative;width:100%}.nav-text{font-size:16px}.nav-bbtext,.nav-text{color:#c9cbcd;color:var(--gray-color)}.nav-btext{font-weight:600}.nav-btext,.nav-xbtext{color:#fff;color:var(--white-color);font-size:16px}.nav-xbtext{font-weight:800}.p-ctext{color:#51bcd9;color:var(--primary-color)}.p-text{color:#c9cbcd;color:var(--gray-color);font-size:16px}.p-btext{font-size:16px;font-size:bold}.head-text,.p-btext{color:#fff;color:var(--white-color)}.head-text{font-size:32px;font-weight:700}.horizontal-line{background-color:#51bcd9;background-color:var(--primary-color);height:1px;margin-left:1rem;width:300px}@media screen and (max-width:800px){.horizontal-line{width:150px}}.container{height:200px;position:relative;width:200px}.box{border-radius:20%;box-sizing:border-box;height:60px;position:absolute;width:30%}.top-left{border-right:10px solid #51bcd9;border-right:10px solid var(--primary-color);left:7rem}.top-left,.top-right{border-bottom:10px solid #51bcd9;border-bottom:10px solid var(--primary-color);border-top:10px solid #51bcd9;border-top:10px solid var(--primary-color);top:3rem}.top-right{border-left:10px solid #51bcd9;border-left:10px solid var(--primary-color);left:11rem}.vertical-line{border:3px solid #51bcd9;border:3px solid var(--primary-color);height:100px;left:10.7rem;position:absolute;top:1.5rem;width:1px}*{box-sizing:border-box;margin:0;padding:0}.item-active{background:#fff;color:#000}.active-link{color:gold}.menu-item a{cursor:pointer;display:block;letter-spacing:1px;padding:8px 0;position:relative;text-decoration:none;text-transform:capitalize}.menu-item a:hover{color:#fff;font-family:Arial,Helvetica,sans-serif;font-style:italic;text-decoration:none}.menu-item a:before,a:after{background:gold;bottom:-2px;content:"";height:2px;position:absolute;width:0}.menu-item a:before{left:0}.menu-item a:after{background:#fff;right:0;transition:width .8s cubic-bezier(.22,.61,.36,1)}.menu-item a:hover:before{background:gold;transition:width .5s cubic-bezier(.22,.61,.36,1);width:100%}.menu-item a:hover:after{background:transparent;transition:0s;width:100%}.element{-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:none;animation-fill-mode:none;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:stretch;animation-name:stretch;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#51bcd9;height:20px;margin:0;width:20px}@-webkit-keyframes stretch{0%{background-color:#0b83a4;border-radius:100%;-webkit-transform:scale(.3);transform:scale(.3)}50%{background-color:#8eddf3}to{background-color:#fff;-webkit-transform:scale(1);transform:scale(1)}}@keyframes stretch{0%{background-color:#0b83a4;border-radius:100%;-webkit-transform:scale(.3);transform:scale(.3)}50%{background-color:#8eddf3}to{background-color:#fff;-webkit-transform:scale(1);transform:scale(1)}}.dwl-btn{align-items:center;display:flex;justify-content:center;margin-top:5rem;width:100%}.cv-btn{-webkit-box-reflect:below 1px linear-gradient(transparent,#0004);background:#000;font-size:18px;height:50px;letter-spacing:.1em;line-height:48px;position:relative;text-decoration:none;text-transform:uppercase;width:200px}.cv-btn,.cv-btn span{text-align:center;transition:.5s}.cv-btn span{background:#0c0c0c;bottom:1px;color:hsla(0,0%,100%,.2);display:block;left:1px;position:absolute;right:1px;top:1px}.cv-btn:hover span{color:#fff}.cv-btn span:before{background:hsla(0,0%,100%,.1);height:50%;z-index:10}.cv-btn span:before,.cv-btn:before{content:"";left:0;position:absolute;top:0;width:100%}.cv-btn:before{-webkit-animation:eff 20s linear infinite;animation:eff 20s linear infinite;background:linear-gradient(45deg,#c0392b,#f39c12,#f1c40f,#2ecc71,#f39c12,#f1c40f,#2ecc71);background-size:400%;height:100%;opacity:0;transition:2.5s}.cv-btn:hover:after,.cv-btn:hover:before{opacity:1}.cv-btn:after{-webkit-animation:eff 20s ease infinite;animation:eff 20s ease infinite;background:linear-gradient(45deg,#c0392b,#f39c12,#f1c40f,#2ecc71,#c0392b,#f39c12,#f1c40f,#2ecc71);background-size:400%;content:"";-webkit-filter:blur(20px);filter:blur(20px);height:100%;left:0;opacity:0;position:absolute;top:0;transition:.5s;width:100%}@-webkit-keyframes eff{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@keyframes eff{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@media screen and (max-width:780px){.arrow-left,.arrow-right{display:none}.dwl-btn{margin-top:3rem}.cv-btn{font-size:16px;width:150px}}.arrow-right{right:2rem}.arrow-left,.arrow-right{position:absolute;top:30%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.arrow-left{left:4rem}.arrow-svg{fill:#fff;cursor:pointer;height:auto;margin:0;overflow:visible;width:50px}.arrow-svg path,.arrow-svg polygon{transition:all .5s var(--ease)}.arrow-svg:hover path,.arrow-svg:hover polygon{fill:#daa520;transition:all 1s var(--ease)}.arrow-svg:hover .arrow{-webkit-animation:arrow-anim 2.5s var(--ease) infinite;animation:arrow-anim 2.5s var(--ease) infinite}.arrow-svg:hover .arrow-fixed{-webkit-animation:arrow-fixed-anim 2.5s var(--ease) infinite;animation:arrow-fixed-anim 2.5s var(--ease) infinite}@-webkit-keyframes arrow-anim{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}5%{-webkit-transform:translateX(-.1rem);transform:translateX(-.1rem)}to{opacity:0;-webkit-transform:translateX(1rem);transform:translateX(1rem)}}@keyframes arrow-anim{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}5%{-webkit-transform:translateX(-.1rem);transform:translateX(-.1rem)}to{opacity:0;-webkit-transform:translateX(1rem);transform:translateX(1rem)}}@-webkit-keyframes arrow-fixed-anim{5%{opacity:0}20%{opacity:.4}to{opacity:1}}@keyframes arrow-fixed-anim{5%{opacity:0}20%{opacity:.4}to{opacity:1}}.app{padding:2rem 10.7rem;width:100%}.app__navbar-menubar{display:none}.app__navbar{align-items:center;background-color:var(--background-color);display:flex;justify-content:space-between;left:0;padding:2rem 10.7rem;position:fixed;top:0;width:100%;z-index:1}.app__navbar-logo{width:40%}.app__navbar-logo a{align-items:center;color:var(--white-color);display:flex;font-size:16px;justify-content:flex-start;text-decoration:none;width:100%}.app__navbar-logo img{margin-right:.5rem}.menu-links{width:60%}.app__navbar-links{align-items:center;display:flex;justify-content:flex-end;width:100%}.app__flex{display:flex;list-style:none;margin-left:15px}.app__flex a{text-decoration:none}.app__header{align-items:center;display:flex;height:423px;justify-content:space-between;margin-top:70px;width:100%}.app__header-left{display:flex;flex-direction:column;width:50%}.app__header-left p{margin-top:32px}.app__header-htext{color:var(--white-color);font-size:32px;font-weight:700}.app__header-contact{align-items:center;border:1px solid var(--primary-color);border-radius:3px;color:var(--white-color);display:flex;justify-content:space-between;margin-top:28px;padding:.6rem 1rem;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.app__header-right{align-items:center;display:flex;flex-direction:column;justify-items:center;position:relative;width:40%}.app__header-img{height:386px;width:400px}.dots-container{bottom:6rem;display:flex;flex-direction:column;height:84px;padding:0;position:absolute;right:0;width:84px}.line-dots{color:var(--gray-color);display:flex;margin:0;padding:0;width:100%}.line-dots span{margin:0 .3rem;padding:0}.app__header-available{align-items:flex-start;background:var(--background-color);border:1px solid var(--gray-color);color:var(--gray-color);display:flex;justify-content:flex-start;padding:8px;text-align:left;width:100%}.app__header-available p{font-size:14px;margin-left:.2rem}.joke__qoute{align-items:center;color:var(--white-color);display:flex;flex-direction:column;justify-content:center;margin-top:80px;overflow-x:hidden;width:100%}.joke__qoute-container1{align-items:flex-end;display:flex;justify-content:flex-end;overflow-x:hidden;width:60%}.joke__qoute-container1 .joke__qoute-content{border:1px solid var(--gray-color);padding:14px 4px;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.joke__qoute-container2{align-items:flex-end;display:flex;justify-content:flex-end;overflow-x:hidden;width:60%}.joke__qoute-container2 .joke__qoute-content{border:1px solid var(--gray-color);padding:14px 4px;text-align:right;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.app__projects{margin-top:80px;width:100%}.app__projects-heading{justify-content:space-between;width:100%}.app__projects-heading,.projects__heading-link,.projects__heading-text{align-items:center;display:flex}.projects__heading-link{color:var(--white-color);justify-content:center;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.app__projects-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-start;margin-top:2rem;width:100%}.project{border:1px solid var(--gray-color);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:.2rem;width:32%}.project img{height:100%;width:100%}.project a{width:100%}.project__stacks{align-items:center;border-bottom:1px solid var(--gray-color);display:flex;font-size:12px;height:50px;padding:.3rem;width:100%}.project__stacks p{margin-left:.3rem}.project__detail{height:110px;padding:.3rem;width:100%}.project__name{color:var(--white-color);font-size:16px}.project__description{font-size:12px;margin-top:1rem}.project-links{margin-bottom:.8rem;margin-top:.3rem;padding:.3rem}.project-links a{border:1px solid var(--gray-color);color:var(--white-color);font-size:12px;margin-left:.3rem;padding:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.app__skills{margin-top:80px;width:100%}.app_skills-container{display:flex;height:300px;margin-top:1rem;width:100%}.shapes{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;width:100%}.shape{height:80px;width:80px}.shape__line-dots{align-items:flex-start;color:var(--gray-color);display:flex;height:1px;justify-content:flex-start;margin:.7rem 0;padding:0;width:100%}.shape__line-dots span{margin:0 .1rem;padding:0}.shapes .item1{left:2rem;position:absolute;top:2rem}.shapes .item2{left:15rem;position:absolute;top:1rem}.shapes .item2 div{border:1px solid var(--gray-color);height:100%;width:100%}.shapes .item4{left:18rem;position:absolute;top:9rem}.shapes .item4 div{border:1px solid var(--gray-color);height:70%;width:70%}.shapes .item5{left:-4rem;position:absolute;top:9rem}.item5 img{height:100%;width:100%}.shapes .item3{left:11rem;position:absolute;top:6rem}.skill-line{flex-wrap:wrap;justify-content:space-between}.skill-line,.skills{display:flex;width:100%}.skills{flex-direction:column}.skill-container{border:1px solid var(--gray-color);color:var(--gray-color);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:1rem 0;width:30%}.skill-container div{border-bottom:1px solid var(--gray-color);color:var(--white-color);font-weight:700}.stack-tag{display:flex;flex-wrap:wrap;justify-content:flex-start}.skill-container p{padding:.3rem}.about__me{margin-top:20px;width:100%}.about__me-container{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.about__me-text{color:var(--gray-color);display:flex;flex-direction:column;margin:1.4rem 0;width:50%}.about__me-img{align-items:flex-start;display:flex;justify-content:flex-start;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.about__me-img img{height:390px;width:370px}.about__me-line1{left:2rem;top:2rem}.about__me-line1,.about__me-line2{height:80px;position:absolute;width:80px}.about__me-line2{left:18rem;top:11rem}.app__contact{margin-top:80px;width:100%}.app__contact-container{color:var(--gray-color);display:flex;justify-content:space-between;margin-top:1.5rem;width:100%}.contact__msg-text{width:40%}.contact__msg-platform{border:1px solid var(--gray-color);display:flex;flex-direction:column;padding:.4rem;width:35%}.contact__msg-platform p{margin-bottom:.7rem}.contact__msg-platform a{align-items:center;color:var(--gray-color);display:flex;justify-content:flex-start;margin-bottom:.7rem}.contact__msg-platform span{margin-left:.2rem}footer{border-top:1px solid gray;color:var(--gray-color);flex-direction:column;margin-top:100px;padding:2rem 10.7rem;position:relative}.app__footer,footer{display:flex;width:100%}.app__footer{justify-content:space-between;margin-top:1rem}.footer-copyright{align-items:flex-end;display:flex;justify-content:center;width:100%}.app__footer-container2{font-size:18px;font-weight:700}.app__footer-container2 p{color:var(--white-color);margin-bottom:.7rem}.media-links a{color:var(--gray-color);font-size:24px;margin-right:.5rem}.app__top-media{align-items:center;display:flex;flex-direction:column;left:2rem;position:fixed;top:0;width:4%;z-index:1}.media-line{background-color:var(--gray-color);height:230px;width:1px}.top__media-links{align-items:center;display:flex;flex-direction:column;margin-top:.5rem;width:100%}.top__media-links a{color:var(--gray-color);font-size:28px}.menu-page{background-color:var(--background-color);height:100vh;left:0;position:absolute;top:0;width:100%;z-index:2}.menu-icon{justify-content:space-between}.menu-icon,.menu-page-links{align-items:center;display:flex;width:100%}.menu-page-links{flex-direction:column;justify-content:center;margin-top:3rem}.menu-page-links li{color:var(--gray-color);font-size:28px;list-style:none;margin:2rem 0}.work__detail{color:var(--gray-color);display:flex;flex-direction:column;margin-top:4rem;width:100%}.work__detail-project-title{color:var(--white-color);font-size:28px;font-weight:700;margin-top:1rem}.work__detail-img{display:flex;flex-direction:column;justify-content:flex-start;width:100%}.work__detail-img img{width:100%}.work__detail-project-links{display:flex;margin-top:1.6rem;width:100%}.work__detail-project-links a{border:1px solid var(--primary-color);border-radius:8px;color:var(--gray-color);font-size:19px;margin-right:.8rem;padding:.2rem .5rem}.work__detail-description{margin:1.5rem 0}.work__detail-description p{margin:.5rem 0}.work__detail-btext{color:var(--white-color);font-size:17px;font-weight:700}.work__detail-techs li{list-style:none;margin:.5rem 0}.active-link{color:var(--white-color)}.prev-pg{display:flex;font-size:29px;margin:2rem 0;width:100%}.prev-pg,.prev-pg-link{color:var(--primary-color)}.app__projects-all{min-height:80vh;width:100%}.top-pagination{gap:5px}.p-btn,.top-pagination{display:flex;width:auto}.p-btn{align-items:center;background-color:var(--background-color);color:var(--primary-color);font-size:18px;justify-content:center;padding:3px 7px;text-align:center}@media screen and (max-width:1130px){.app{padding:2rem 6rem}footer{padding:1rem 6rem}.app__navbar,.menu-icon{padding:2rem 6rem}}@media screen and (max-width:1000px){.menu-links{display:none}.app__navbar-menubar{color:var(--gray-color);cursor:pointer;display:flex;font-size:20px}.app__header{margin-top:30px}.app__header-img{height:330px;width:360px}.about__me-img img{width:300px}}@media screen and (max-width:800px){.app,.app__navbar,footer{padding:1rem}.menu-icon{padding:2rem}.app__header{flex-direction:column;margin-top:6rem}.app__header-left{width:100%}.app__header-htext{width:70%}.app__header-left p{margin-top:10px}.app__header-right{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:3rem;width:100%}.app__header-img{height:400px;width:420px}.app__header-available{width:60%}.dots-container{right:120px}.joke__qoute{margin-top:17rem}.app__projects{margin-top:60px}.app__top-media{display:none;left:0}.about-me{margin-top:8rem;width:100%}.about__me-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.about__me-text{width:100%}}@media screen and (max-width:700px){.app__projects-container{justify-content:space-between}.project{margin-bottom:1rem;width:48%}.app__footer{align-items:flex-start;flex-direction:column;justify-content:flex-start;margin-top:.5rem}.app__footer div{margin-top:1rem}.app__footer-container2{margin-bottom:1rem;padding-bottom:1rem}footer{margin-top:10px;padding:.3rem 1rem}.footer-copyright{font-size:12px}}@media screen and (max-width:640px){.app__header-htext{width:100%}.app__header-available{width:80%}.dots-container{right:70px}.project{width:47%}.about__me-line2{left:13rem}.joke__qoute-container1,.joke__qoute-container2{width:80%}.app__contact-container{flex-direction:column}.contact__msg-text{width:100%}.contact__msg-platform{margin:2rem 0;width:100%}}@media screen and (max-width:516px){.head-text{font-size:20px}.app__header-htext{font-size:24px}.app__header-img{height:310px;width:350px}.joke__qoute{font-size:12px;margin-top:10rem}.joke__qoute-container1,.joke__qoute-container2{width:80%}.horizontal-line{width:60px}.app__projects-container{flex-direction:column}.project{margin:.5rem 0;width:100%}.skill-line{align-items:center;flex-direction:column;justify-content:center}.skill-container{width:100%}.about__me{margin-top:18rem}.about__me-img img{height:315px;width:300px}}@media screen and (max-width:416px){.joke__qoute{margin-top:11rem}.joke__qoute-container1,.joke__qoute-container2{width:90%}}.lazy-load-image-background.blur{-webkit-filter:blur(15px);filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{-webkit-filter:blur(0);filter:blur(0);transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}
/*# sourceMappingURL=main.679e2288.css.map*/