@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;600;800&display=swap);:root{--txt-color:#ffc800}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#000;background-repeat:no-repeat;color:#fff;font-family:Poppins,sans-serif;max-width:100vw;overflow-x:hidden;position:relative}.bg{background:linear-gradient(165deg,#020202,#020202,#5a4700);height:100%;left:0;position:fixed;top:0;width:100vw;z-index:-1}.home{overflow:hidden;padding-top:0}.top-icon{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffc80031;border:2px solid var(--txt-color);border-radius:50px;bottom:5%;line-height:1;padding:.3vmax .5vmax;position:fixed;right:5%;text-decoration:none;z-index:50}.top-icon span{color:var(--txt-color);font-size:2.5vmax;font-weight:600}section{display:flex;font-size:1vmax;height:auto;justify-content:center;padding:2vmax 5vmax;width:100vw}.sec-title{font-size:3vmax;font-weight:600;padding:4vmax 2vmax 3vmax;text-align:center}.sec-title:after,.sec-title:before{color:var(--txt-color);font-family:monospace;font-weight:300;padding:1rem 1.5rem}.sec-title:before{content:"<"}.sec-title:after{content:"/>"}.left-sec{width:50%}.right-sec{position:relative}#arrow-follow{background-color:var(--txt-color);border-radius:50%;height:10rem;position:absolute;width:10rem;z-index:-1}section.intro{height:115vh;overflow:hidden}.intro{padding-top:4vmax}.intro .left-sec{align-self:start;padding-top:5rem}.intro .right-sec{position:relative;text-align:center}.my-image{padding-top:3rem}.my-img{height:50vmax;scale:115%;z-index:3}.dev-logo,.my-img{transition:all .5s}.dev-logo{color:rgba(0,0,0,.455);font-family:monospace;font-size:24vw;font-weight:900;left:-10%;position:absolute;text-align:center;top:25%;width:auto;z-index:0}.bg-cir-1,.bg-cir-2{background-color:var(--txt-color);border-radius:50%;-webkit-filter:blur(2px);filter:blur(2px);height:35vmax;opacity:.9;position:absolute;right:3.5%;top:2%;width:35vmax;z-index:-1}.bg-cir-2{height:24vmax;right:23%;top:3.3%;width:24vmax}.intro-skills{font-size:1em;font-weight:600;letter-spacing:1px;margin-top:.5rem;opacity:.8;text-transform:uppercase}.intro-skl{border-right:2px solid var(--txt-color);padding:0 10px}.intro-skl:first-child{padding-left:0}.intro-skl:last-child{border:none}.intro .right-sec:hover .my-img{-webkit-transform:translateY(-5%);transform:translateY(-5%)}.intro .right-sec:hover .dev-logo{-webkit-transform:translate(8%,8%);transform:translate(8%,8%)}.intro .right-sec:hover .dev-logo:last-child{-webkit-transform:translate(-8%,-8%);transform:translate(-8%,-8%)}.dev-logo:last-child{-webkit-text-stroke-color:var(--txt-color);-webkit-text-stroke-width:4px;color:rgba(0,0,0,.5);z-index:5}.intro h1{align-self:start;font-size:3.4em}.intro .greet{font-size:2vmax;font-style:italic;font-weight:600;letter-spacing:1px}h1 .name{color:var(--txt-color);font-size:8vmax;line-height:8vmax;padding:1.1vmax 0 2vmax}.intro .title{font-size:2rem;font-weight:700;margin-top:6vh}.mern{-webkit-text-stroke-color:var(--txt-color);-webkit-text-stroke-width:1px;color:#000}@media(max-width:600px){.intro .title{font-size:1.5rem}.dev-logo{font-size:15vh;font-weight:900;left:55%;opacity:.3;top:-55%}.intro .my-img{-webkit-transform:none;transform:none;transition:none}.intro-skills{font-size:1.1em;width:200%}.bg-cir-1{right:7%;top:7%}.bg-cir-2{left:4%;top:8%}}.about{flex-direction:column;height:auto;text-align:center}.abt-content{font-size:1.5vmax;letter-spacing:2px;line-height:2.5rem;padding:1rem 5rem 0}.code-profiles{background-color:var(--txt-color);border-radius:50px;color:#000;margin-top:1vh;opacity:.7;padding:.4vw 1vw}.code-profile-link{color:inherit;font-weight:700;text-decoration:none;text-decoration:underline}.abt-btns{align-items:center;display:flex;gap:2vmax;justify-content:center;margin-top:4vmax}.abt-btns a{background-color:#ffc80031;border:2px solid var(--txt-color);border-radius:30px;color:var(--txt-color);cursor:pointer;font-size:1.3vmax;font-weight:600;letter-spacing:1px;padding:.7vmax;text-decoration:none;transition:all .5s}.abt-btns a:hover{background-color:var(--txt-color);color:#000}.view-resume{background-color:rgba(0,0,0,.8);height:97vh;left:50%;padding:1vmax 2vmax;position:fixed;top:1vmax;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .7s;width:100vmin;z-index:100}.view-resume .cross{background-color:rgba(0,0,0,.6);border-radius:50%;color:#fff;font-size:2em;padding:0 .5em;right:10%;top:10%}.dwnld-btn,.view-resume .cross{cursor:pointer;position:absolute}.dwnld-btn{background-color:rgba(0,0,0,.8);border:2px solid #fff;border-radius:10px;bottom:10%;left:50%;letter-spacing:1px;opacity:0;padding:.7vmax 1vmax;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .2s}.dwnld-btn a{color:inherit;text-decoration:none}.dwnld-btn:hover{background-color:hsla(0,0%,100%,.8);border-color:#000;color:#000}.resume-img:hover .dwnld-btn{opacity:1}.resume-img{height:100%;overflow:auto}.resume-img .pdf{width:100%}@media(max-width:600px){.view-resume{height:100vh;top:0}.resume-img{height:80%;margin:10% auto auto;width:90vw}.resume-img img{height:auto;width:100%}.dwnld-btn{bottom:30%;opacity:1}section{flex-direction:column;height:auto}.about{padding-top:0}.abt-content{letter-spacing:2px;line-height:1.5rem;padding:1rem 1rem 0}}.my-skill{display:block}.my-skill .sec-title{text-align:center}.skill-list{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;margin-top:3vmax;row-gap:6vmax}.my-skill:hover .skills{-webkit-transform:scale(1);transform:scale(1)}.skills{background-color:hsla(0,0%,97%,.134);border:2px solid var(--txt-color);border-radius:0 2vmax 0 2vmax;font-size:1vmax;margin:0 3vmax;padding:1.6vmax 2.5vmax 1vmax;position:relative;-webkit-transform:scale(0);transform:scale(0);transition:all .5s;width:calc(20% + 5rem)}.skl-title{background-color:#000;border:2px solid var(--txt-color);border-radius:0 1vmax 0 1vmax;font-size:1.8vmax;left:50%;padding:5px 10px;position:absolute;top:-10%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.skl-content{align-items:center;display:flex;margin:1vmax 0 1.4vmax}.skl-logo{padding-right:1vmax}.skl-logo img{width:3vmax}.skl-name{font-size:1.4em;padding-bottom:10px}.skl{display:flex;flex-direction:column;position:relative;width:100%}.skl-bar{background-color:#fff;height:.4vmax;position:absolute;top:80%;width:100%}.skl-prcnt{background-color:var(--txt-color);height:100%;position:relative;transition:all .5s;width:0}.prcnt{color:#afafaf;font-weight:600;position:absolute;right:-10%;top:100%}@media(max-width:600px){.skills{padding:1rem 2rem;-webkit-transform:scaleX(1);transform:scaleX(1);width:90%}}.experiences{flex-direction:column}.expr-line{background-color:var(--txt-color);height:0;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all 3s;width:.4vmax}.experience,.expr-list{position:relative}.experience{font-size:1.1em;letter-spacing:1px;margin-bottom:7vw;opacity:0;padding-right:3vw;text-align:right;-webkit-transform:translate(70%);transform:translate(70%);transition:all .5s;width:50%}.expr-first{margin-top:4vmax}.experiences:hover .experience{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.experiences:hover .expr-line{height:100%}.experiences:hover .expr-title:after{width:100%}.experience:nth-child(odd){margin-left:auto;padding-left:3vw;padding-right:0;text-align:left;-webkit-transform:translate(-70%);transform:translate(-70%)}.experience:after{background-color:#000;border:.4vmax solid var(--txt-color);border-radius:50px;content:"";height:2vmax;position:absolute;right:0;top:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);width:2vmax}.experience:nth-child(odd):after{left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.expr-title:after{background-color:var(--txt-color);content:"";height:.4vmax;position:absolute;right:0;top:0;transition:all 2s ease-out;width:0}.experience:nth-child(odd) .expr-title:after{left:0}.expr-maintitle{background-color:#ffc8004b;border-radius:0 0 3vmax 3vmax;display:block;margin-bottom:1vmax;padding:1vmax 2vmax}.expr-title{font-size:1.8vmax;font-weight:600}a.expr-maintitle{color:inherit;text-decoration:none}.expr-maintitle:hover{text-decoration:underline}.expr-logo img{border-radius:50%;height:2.5vmax;margin-right:1vmax;-webkit-transform:translateY(20%);transform:translateY(20%);width:2.5vmax}.expr-role{font-size:1.2em;font-weight:600}.position{margin:1vmax 0}.expr-desc{margin:1.5vmax 0}.expr-desc li::marker{color:var(--txt-color)}.expr-skills{margin-top:1.2vw}.expskill-title{font-size:1.1em;font-weight:600}.exp-skill{display:inline-block;padding-left:1.2vw}.experience:nth-child(odd) .exp-skill{padding-left:0;padding-right:1.2vw}.exp-skill img{height:1.2em;padding-right:.5vw;-webkit-transform:translateY(20%);transform:translateY(20%)}.expr-duration{font-size:.95em;opacity:.8}@media(max-width:600px){.experience{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.expr-line{height:100%}.expr-title:after{width:100%}.experience:nth-child(odd){-webkit-transform:translate(0);transform:translate(0)}}.projects{flex-direction:column}.proj-list{margin-top:1rem}.project{display:flex;gap:3vmax;justify-content:center;margin:6vmax 0;position:relative}.project:first-child{margin-top:1vmax}.project:last-child{margin-bottom:7vmax}.project:nth-child(2n){flex-direction:row-reverse;text-align:right}.proj-content,.proj-img{padding:1vmax 2vw;transition:all .5s;width:40%}.proj-img{align-self:center;opacity:0;padding:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.project:nth-child(2n) .proj-img{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.projects:hover .proj-img{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.projects:hover .proj-content{opacity:1}.proj-content{background:linear-gradient(-90deg,#02020200,#ffc80022,#ffc8005e);border-left:2px solid var(--txt-color);font-size:1vmax;opacity:0}.project:nth-child(2n) .proj-content{background:linear-gradient(90deg,#02020200,#ffc80022,#ffc8005e);border-left:none;border-right:2px solid var(--txt-color)}.proj-desc{font-size:1.2em;font-weight:500;letter-spacing:1px;line-height:2vmax}.proj-title{font-size:2.3em;font-weight:700;margin-bottom:1vmax;text-transform:uppercase}.proj-img img{width:100%}.proj-btn{background-color:initial;border:2px solid var(--txt-color);border-radius:50px;font-size:1vmax;font-weight:600;margin-right:1vmax;margin-top:1.2vmax;padding:.7vmax 1.2vmax;text-transform:uppercase;transition:all .5s}.live-btn{background-color:var(--txt-color)}.live-btn a{color:#000!important}.live-btn:hover{background-color:#000!important}.live-btn:hover a{color:var(--txt-color)!important}.project:nth-child(2n) .proj-btn{margin-left:1vmax;margin-right:0}.proj-btn a{align-items:center;color:var(--txt-color);display:flex;gap:.5vmax;justify-content:space-between;letter-spacing:1px;text-decoration:none;transition:all .5s}.proj-btn span{font-size:1vmax;font-weight:600}.proj-btn:hover{background-color:var(--txt-color)}.proj-btn:hover a{color:#000}.proj-lang{color:#fff;font-size:1.1em;letter-spacing:1px;margin:1vmax 0 .6vmax}@media(min-width:600px){.project{margin:11vmax 0}.project:after{background:linear-gradient(90deg,#000,#b58d00,#000);background-color:var(--txt-color);bottom:-30%;content:"";height:3px;left:10%;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);transition:all 1s;width:80%}.projects:hover .project:after{-webkit-transform:scaleX(1);transform:scaleX(1)}}@media(max-width:600px){.project{border-left:2px solid var(--txt-color);flex-direction:column;gap:0}.project:last-child{margin-bottom:4vmax}.project:nth-child(2n){border-left:none;border-right:2px solid var(--txt-color)}.proj-title{font-size:3em;font-weight:600}.proj-content,.proj-img{border:none;padding:3vw 0 3vw 4vw;width:auto}.project:nth-child(2n) .proj-content,.project:nth-child(2n) .proj-img{padding-left:0;padding-right:4vw}.project:nth-child(2n) .proj-content{background:linear-gradient(90deg,#02020200,#ffc80022,#ffc8005e);border-right:none}.proj-img{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.proj-content{font-size:.7vmax;opacity:1}.proj-desc{font-size:1.6em;font-weight:500}.project:nth-child(2n){flex-direction:column}.project:nth-child(2n) .proj-img{border:none;-webkit-transform:translateX(0);transform:translateX(0)}}.certifications{flex-direction:column;position:relative}.certifications:hover .certificate{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.certi-list{align-items:center;flex-wrap:wrap;gap:9vmax 5vmax;padding:15vh 3vh 10vh}.certi-list,.certificate{display:flex;justify-content:center}.certificate{flex-direction:column;position:relative;-webkit-transform:translateY(-100%) scale(0);transform:translateY(-100%) scale(0);transition:all .5s}.certificate:hover .certi-title{height:auto;top:35%}.certi-crd{border:.2vmax solid var(--txt-color);height:calc(14vw + 4px);left:0;overflow:hidden;position:absolute;top:0;width:20vw;z-index:1}.certi-crd .crti-num{align-items:center;color:#000;display:flex;font-size:1.2em;font-weight:700;justify-content:center;left:0;position:absolute;top:0}.certi-crd:before{background-color:var(--txt-color);content:"";height:6vmax;left:-10%;position:absolute;top:-18%;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:4vmax}.certi-crd,.certi-img{transition:all .5s}.certificate:hover .certi-img img{-webkit-transform:scale(1.2);transform:scale(1.2)}.certi-img{height:14vw;overflow:hidden;padding:.5vmax;position:relative;text-align:center;width:20vw}.certificate:hover .certi-img:after{bottom:0}.certi-img:after{background:linear-gradient(transparent,rgba(0,0,0,.3),rgba(0,0,0,.6),rgba(0,0,0,.8),#000);bottom:-100%;content:"";height:100%;left:0;position:absolute;transition:all .3s;width:100%}.certi-img img{height:100%;object-fit:cover;transition:all .5s}.certi-title{font-size:1.3vmax;font-weight:600;letter-spacing:.5px;margin:1vmax 0;padding:1vmax;position:absolute;top:90%;transition:all .5s;width:100%;z-index:10}@media(max-width:600px){.certifications .sec-title{padding-left:0;padding-right:0}.certificate{-webkit-transform:none;transform:none}.certi-list{gap:10vmax 2.5vmax;padding:5vh 0 3vh}.certi-title{font-size:1.2vmax;font-weight:600;height:2.5vmax;top:85%}.certi-crd,.certi-img{height:11vmax;width:15vmax}.certi-crd:before{content:"";height:6vmax;left:-10%;position:absolute;top:-33%;width:4vmax}}.contact{flex-direction:column;justify-content:center;margin:5vmax 0 3vmax}@media(min-width:600px){.contact:hover .cnt-bx1,.contact:hover .cnt-bx2{-webkit-transform:translateX(0);transform:translateX(0)}.cnt-bx1{-webkit-transform:translateX(100%);transform:translateX(100%)}.cnt-bx2{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.cnt-bx1,.cnt-bx2{transition:all .5s}.contact-me{display:flex;justify-content:center;margin:auto;padding:2vmax 7vmax 1vmax}.contact-content{height:100%;justify-content:center;overflow:hidden;padding:3vmax;text-align:right;width:50%}.contact-content,.mail-btn{align-items:center;display:flex;font-size:1vmax}.mail-btn{border:2px solid var(--txt-color);border-radius:30px;color:#fff;cursor:pointer;float:inline-end;font-weight:600;letter-spacing:1px;padding:.7vmax 1vmax;text-decoration:none;transition:all .5s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mail-btn:hover{background-color:var(--txt-color);color:#000}.mail-btn img{-webkit-filter:invert(1);filter:invert(1);height:1.5em;margin-left:1vmax}.cnt-btns{padding-top:1em;width:100%}.contacts{align-items:center;border-left:3px solid var(--txt-color);display:flex;overflow:hidden;padding-left:3vmax;width:50%}.cnt-title{font-size:2em;font-weight:700;padding-bottom:1vmax}.cnt-desc{font-size:1.2em}.cnt-info{align-items:center;color:#fff;cursor:pointer;display:flex;letter-spacing:1px;margin:.7vmax 1vmax;text-decoration:none}.cnt-info:hover{text-decoration:underline}.cnt-icon{border:3px solid #ad8800;border-radius:1vmax 0 0 1vmax;font-weight:700;height:100%;padding:.5vmax 0;text-align:center;width:2.7em}.cnt,.cnt-icon{font-size:1.2vmax}.cnt{background:linear-gradient(-90deg,#02020200,#5c4800,#ad8800);border-radius:0 1vmax 1vmax 0;padding:.6vmax 9px;width:90%}.cnt-icon img{-webkit-filter:invert(1);filter:invert(1);height:1em}.em{font-style:italic}.cnt-bx2{display:flex;flex-direction:column;justify-content:center;width:100%}@media(max-width:600px){.contact-me{flex-direction:column;padding:0 7vmax}.contact .sec-title{padding-bottom:inherit;padding-left:0;padding-right:0;padding-top:inherit}.contact-content{border-bottom:2px solid var(--txt-color);padding:1vmax 0 2vmax;text-align:left;width:auto}.contacts{border:none;padding:2vmax 0 1vmax;width:auto}.cnt-info{margin-left:0;margin-right:0}.cnt-icon{padding:.3vmax 0}.mail-btn{float:inline-start}}.navbar{padding:0 0 1rem;position:fixed;top:0;width:100vw;z-index:10}.navbar,nav{align-items:center;display:flex}nav{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff25;border:1px #000;border-radius:0 0 4vmax 4vmax;box-shadow:inset 0 0 15px #000;font-size:2vmax;justify-content:space-between;letter-spacing:1px;margin:auto;padding:.3vmax 4vmax;transition:all .5s;width:auto}.logo{color:var(--txt-color);font-size:1em;font-weight:800;margin-right:7rem;padding:.5vmax;text-decoration:none}.nav-links{align-items:center;display:flex;font-size:.6em;font-weight:600;justify-content:center}.nav-link{color:#fff;font-size:1.1vmax;list-style:none;padding:0 2rem;position:relative;text-align:center;text-decoration:none}.nav-link.menu{display:none}.nav-link li{align-items:center;display:flex;flex-direction:column;gap:.5vmax;justify-content:center}.nav-link li:after{background-color:var(--txt-color);bottom:-10%;content:"";height:3px;left:2vmax;position:absolute;transition:all .5s;width:0}.nav-link li:hover:after{width:70%}.nav-link .material-symbols-outlined{font-size:1.4em}.nav-link:hover .link-title{-webkit-transform:scaleY(100%) translateY(50%);transform:scaleY(100%) translateY(50%)}.link-title{background-color:#1d1d1d;border-radius:50px;color:#fff;left:15%;overflow:hidden;padding:2px 5px;position:absolute;top:60%;-webkit-transform:scaleY(0) translateY(0);transform:scaleY(0) translateY(0);transition:all .2s}.ham-logo{display:none}.lis{align-items:center;display:flex;justify-content:center}@media(max-width:600px){nav{justify-content:center;padding:.5vmax 4vmax;position:relative;-webkit-transform:translateY(0);transform:translateY(0);width:auto}.ham-logo{height:1.6em}.ham-logo,.lis:hover,.nav-links:hover .lis{display:block}.ham-logo img{-webkit-filter:invert(1);filter:invert(1);height:100%}.lis{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#444444b7;border-radius:10px;box-shadow:inset 0 0 15px #000;display:none;padding:0 1.5vmax;position:absolute;right:0;top:100%}.nav-links{align-items:start;flex-direction:column;font-size:.9em;height:auto;justify-content:center}.nav-link li:after{display:none}.nav-link{padding:0 7px;position:-webkit-sticky;position:sticky;top:0}.nav-link.menu{display:inline;padding-left:20px}.menu:hover .menu span{color:red}}footer{background:linear-gradient(180deg,#00000000,#1010107e,#101010);color:#b9b9b9;font-size:1vmax;padding:3rem 0 1.5rem;text-align:center}.copy{font-size:.9em;margin-top:.5rem;opacity:.8}
/*# sourceMappingURL=main.51169b4f.css.map*/