@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);body{background-color:#000;margin:0}.navbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ebebeb1a;border-bottom:1px solid #ebebeb1a;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;width:100%;z-index:100}.nav-container{align-items:center;display:flex;height:clamp(50px,8vw,70px);justify-content:center;margin:0 auto;max-width:1200px;padding:0 1rem;position:relative}.nav,.nav-menu{display:flex}.nav{align-items:center;list-style:none;padding:0}.nav,.nav li{margin:0}.nav a{border-radius:8px;color:grey;display:inline-block;font-size:clamp(.9rem,2vw,1.3rem);font-weight:500;margin:.1rem;overflow:hidden;padding:clamp(.6rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem);position:relative;text-decoration:none}.nav a,.nav a:hover{transition:all .3s ease}.nav a:hover{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00f260,#0575e6);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 8px #00f26080;transform:translateY(-2px)}.hamburger{cursor:pointer;display:none;flex-direction:column;left:1rem;padding:.5rem;position:absolute;top:50%;transform:translateY(-50%)}.bar{background:linear-gradient(45deg,#00f260,#0575e6);border-radius:2px;box-shadow:0 1px 3px #0000004d;height:3px;margin:3px 0;transition:.3s;width:25px}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:first-child{transform:translateY(9px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.theme-toggle{align-items:center;display:flex;margin-left:1rem}.switch{display:inline-block;height:26px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background:#f1c40f;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background .4s}.slider:before{content:"\2600";left:6px;opacity:0}.slider:after,.slider:before{color:#fff;font-size:1.2rem;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .4s;z-index:2}.slider:after{content:"\1F319";opacity:1;right:6px}input:checked+.slider{background:#222}input:checked+.slider:before{opacity:1}input:checked+.slider:after{opacity:0}.slider .knob{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:20px;left:3px;position:absolute;top:3px;transition:transform .4s;width:20px;z-index:3}input:checked+.slider .knob{transform:translateX(24px)}.theme-label{display:none}.nav-logo{filter:drop-shadow(0 2px 6px rgba(0,0,0,.12));height:38px;margin-right:1.2rem;transition:filter .3s,fill .3s;width:auto}.light-logo{filter:drop-shadow(0 2px 6px rgba(255,221,51,.5))}.dark-logo{filter:drop-shadow(0 2px 6px rgba(255,255,255,.7))}.light-mode{background-color:#f6f7fa}.light-mode .navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffd9;border-bottom:1px solid #e0e0e0}.light-mode .nav a:hover{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right top,#ff5ca9,#ff4b93,#ff396e,#ff6247,#ff7b26,orange,#ffbf2f,#ffe766);background-repeat:no-repeat;background-size:cover;text-shadow:0 0 8px #ffc75f4d;transform:translateY(-2px);transition:all .3s ease}.light-mode .hamburger .bar{background:#ff5ca9}.light-mode .nav-menu{background-color:#fff}@media screen and (max-width:1024px){.nav a{font-size:clamp(.85rem,2.2vw,1.1rem);padding:clamp(.5rem,1.2vw,.8rem) clamp(.8rem,1.8vw,1.2rem)}}@media screen and (max-width:768px){.hamburger{display:flex}.nav-menu{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#000000f2;border-bottom:1px solid #ebebeb1a;box-shadow:0 10px 30px #0003;flex-direction:column;left:-100%;position:fixed;text-align:center;top:clamp(50px,8vw,70px);transition:.3s;width:100%}.nav-menu.active{left:0}.nav{flex-direction:column;padding:1rem 0}.nav li{margin:.5rem 0}.nav a{color:grey;display:block;font-size:clamp(.9rem,3vw,1.2rem);margin:0;padding:clamp(.8rem,2vw,1.2rem) clamp(1.5rem,4vw,2rem);text-align:center;transition:all .3s ease;width:100%}.nav a:hover{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00f260,#0575e6);text-shadow:0 0 6px #00f26066}.light-mode .nav-menu.active .nav a:hover,.nav a:hover{-webkit-background-clip:text;background-clip:text;transform:none;transition:all .3s ease}.light-mode .nav-menu.active .nav a:hover{-webkit-text-fill-color:#0000;background-image:linear-gradient(to right top,#ff5ca9,#ff4b93,#ff396e,#ff6247,#ff7b26,orange,#ffbf2f,#ffe766);background-repeat:no-repeat;background-size:cover;text-shadow:0 0 6px #ffc75f33}}@media screen and (max-width:480px){.nav-container{height:clamp(45px,6vw,60px)}.nav-logo span{font-size:clamp(.7rem,2.5vw,1rem)}.nav-menu{top:clamp(45px,6vw,60px)}.nav a{font-size:clamp(.8rem,3.5vw,1.1rem);padding:clamp(.6rem,1.5vw,1rem) clamp(1rem,3vw,1.5rem)}}.social-container{margin:0;text-align:center;width:100%}.social-icons{list-style:none;margin:1em;padding:0}.social-icons li{display:inline-block;font-size:1rem;margin:.3rem;position:relative}@media screen and (max-width:768px){.social-icons li{font-size:.9rem;margin:.2rem}}.social-icons i{color:#fff;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all 265ms ease-out}.social-icons a{display:inline-block}.social-icons a:before{background:linear-gradient(90deg,#00b5f5,#1c346b);border-radius:100%;content:" ";display:block;height:2.5rem;transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transition:all 265ms ease-out;width:2.5rem}@media screen and (max-width:768px){.social-icons a:before{height:2rem;width:2rem}}.social-icons a:hover:before{transform:scale(0);transition:all 265ms ease-in}.social-icons a:hover i{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(45deg,#00b5f5,#002a8f);-webkit-background-clip:text;background-clip:text;color:#00b5f5;transform:scale(2.2);-ms-transform:scale(2.2);-webkit-transform:scale(2.2);transition:all 265ms ease-in}.light-mode .social-icons a:before,.light-mode .social-icons a:hover i{background-image:linear-gradient(to right top,#ff5ca9,#ff4b93,#ff396e,#ff6247,#ff7b26,orange,#ffbf2f,#ffe766);background-repeat:no-repeat;background-size:cover}.light-mode .social-icons a:hover i{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:#0000}.Home{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - clamp(80px, 12vw, 120px));padding:clamp(.5rem,2vw,1rem);text-align:center}@media screen and (max-width:1024px){.Home{min-height:calc(100vh - clamp(70px, 10vw, 100px));padding:clamp(.4rem,1.5vw,.8rem)}}@media screen and (max-width:768px){.Home{min-height:calc(100vh - clamp(60px, 8vw, 80px));padding:clamp(.3rem,1vw,.6rem)}}@media screen and (max-width:480px){.Home{min-height:calc(100vh - clamp(50px, 6vw, 70px));padding:clamp(.2rem,.8vw,.4rem)}}@media screen and (max-width:360px){.Home{min-height:calc(100vh - clamp(45px, 5vw, 65px));padding:clamp(.1rem,.5vw,.3rem)}}.Name{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00f260,#0575e6);-webkit-background-clip:text;background-clip:text}.letters{display:inline-block;font-family:Arial,Helvetica,sans-serif;font-size:clamp(1.8rem,6vw,4rem);font-weight:700;margin:.05em}@media screen and (max-width:1024px){.letters{font-size:clamp(1.6rem,5.5vw,3.5rem);margin:.04em}}@media screen and (max-width:768px){.letters{font-size:clamp(1.4rem,5vw,3rem);margin:.03em}}@media screen and (max-width:480px){.letters{font-size:clamp(1.2rem,4.5vw,2.5rem);margin:.02em}}@media screen and (max-width:360px){.letters{font-size:clamp(1rem,4vw,2.2rem);margin:.01em}}.light-mode .Name{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right top,#ff5ca9,#ff4b93,#ff396e,#ff6247,#ff7b26,orange,#ffbf2f,#ffe766);background-repeat:no-repeat;background-size:cover;color:#0000}.container{align-items:center;color:#c4e8ec;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - clamp(80px, 12vw, 120px));padding:clamp(1rem,3vw,2rem);text-align:center}.About-header{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1535ec,#5ee2e0);-webkit-background-clip:text;background-clip:text;font-family:Arial,Helvetica,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:700;margin-bottom:clamp(1rem,3vw,2rem)}.About-intro{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700}.About-intro,.About-me{margin-bottom:clamp(2rem,4vw,3rem)}.About-me{font-size:clamp(1rem,2vw,1.3rem);line-height:1.6;max-width:clamp(600px,80vw,900px);text-align:center}.About-me p{margin-bottom:clamp(1rem,2vw,1.5rem);padding:0 clamp(.5rem,2vw,1rem);text-align:center}.Resume{background:linear-gradient(90deg,#02aab0,#00cdac);border-radius:5px;color:#fff;font-size:1.5em;margin-top:20px;padding:10px 20px}.Resume,.Resume>a{text-decoration:none}.Resume>a{color:#f5f5f5;font-weight:400;text-transform:uppercase}.light-mode .About-header,.light-mode .About-intro{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right top,#ff5ca9,#ff4b93,#ff396e,#ff6247,#ff7b26,orange,#ffbf2f,#ffe766);background-repeat:no-repeat;background-size:cover;color:#0000}.light-mode .About-me,.light-mode .About-me p,.light-mode .container{color:#000}@media screen and (max-width:1024px){.container{min-height:calc(100vh - clamp(70px, 10vw, 100px));padding:clamp(.8rem,2.5vw,1.5rem)}.About-header{font-size:clamp(1.8rem,4.5vw,3.5rem)}.About-intro{font-size:clamp(1.3rem,2.8vw,2.2rem)}.About-me{font-size:clamp(.9rem,1.8vw,1.2rem);max-width:clamp(500px,75vw,800px)}}@media screen and (max-width:768px){.container{min-height:calc(100vh - clamp(60px, 8vw, 80px));padding:clamp(.6rem,2vw,1rem)}.About-header{font-size:clamp(1.5rem,4vw,3rem);margin-bottom:clamp(.8rem,2.5vw,1.5rem)}.About-intro{font-size:clamp(1.2rem,2.5vw,2rem);margin-bottom:clamp(1.5rem,3vw,2.5rem)}.About-me{font-size:clamp(.85rem,1.6vw,1.1rem);line-height:1.5;max-width:clamp(400px,70vw,700px)}}@media screen and (max-width:480px){.container{min-height:calc(100vh - clamp(50px, 6vw, 70px));padding:clamp(.4rem,1.5vw,.8rem)}.About-header{font-size:clamp(1.2rem,3.5vw,2.5rem)}.About-intro{font-size:clamp(1rem,2.2vw,1.8rem)}.About-me{font-size:clamp(.8rem,1.4vw,1rem);line-height:1.4;max-width:clamp(300px,65vw,600px)}}.stemplate{display:flex;filter:brightness(100%);height:max(12vh,3vw);justify-content:center;margin:max(5vh,5vw);width:max(3vw,12vh)}.stemplate>img{width:cover}.work{display:flex;flex-direction:column;min-height:calc(100vh - clamp(80px, 12vw, 120px));padding:clamp(1rem,3vw,2rem)}.one,.two{background:linear-gradient(90deg,#1f01c8 0,#06f 33%,#0f8 66%,#01ce45)}.heading{filter:brightness(100%);font-family:Arial,Helvetica,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:700;padding:clamp(1rem,3vw,2rem) 0;text-align:center;text-transform:uppercase}.heading,.light-mode .heading{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.light-mode .heading{background-image:linear-gradient(to right top,#ff5ca9,#ff4b93,#ff396e,#ff6247,#ff7b26,orange,#ffbf2f,#ffe766);background-repeat:no-repeat;background-size:cover;color:#0000}.flex-container{align-items:center;background-color:initial;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;padding:clamp(.5rem,2vw,1rem)}.flex-container.projects{align-items:flex-start;flex-direction:row;gap:clamp(1rem,2vw,2rem);margin:clamp(1rem,2vw,2rem) auto;max-width:900px}.flex-container.projects,.skills{flex-wrap:wrap;justify-content:center}.skills{display:flex;gap:clamp(1rem,2.5vw,2rem);margin:0;padding:clamp(.5rem,2vw,1rem)}@media screen and (max-width:1024px){.work{min-height:calc(100vh - clamp(70px, 10vw, 100px));padding:clamp(.8rem,2.5vw,1.5rem)}.heading{font-size:clamp(1.8rem,4.5vw,3.5rem);padding:clamp(.8rem,2.5vw,1.5rem) 0}.skills{gap:clamp(.8rem,2vw,1.5rem)}.projects{gap:clamp(.8rem,1.5vw,1.5rem);margin:clamp(.8rem,1.5vw,1.5rem)}}@media screen and (max-width:768px){.work{min-height:calc(100vh - clamp(60px, 8vw, 80px));padding:clamp(.6rem,2vw,1rem)}.heading{font-size:clamp(1.5rem,4vw,3rem);padding:clamp(.6rem,2vw,1rem) 0}.skills{gap:clamp(.6rem,1.5vw,1rem)}.projects{gap:clamp(.6rem,1vw,1rem);margin:clamp(.6rem,1vw,1rem)}}@media screen and (max-width:480px){.work{min-height:calc(100vh - clamp(50px, 6vw, 70px));padding:clamp(.4rem,1.5vw,.8rem)}.heading{font-size:clamp(1.2rem,3.5vw,2.5rem);padding:clamp(.4rem,1.5vw,.8rem) 0}.skills{gap:clamp(.4rem,1vw,.8rem)}.projects{gap:clamp(.4rem,.8vw,.8rem);margin:clamp(.4rem,.8vw,.8rem)}}.ptemplate{background-color:#ebebeb1a;border:1px solid #ebebeb33;border-radius:8px;color:#fff;display:flex;flex:0 0 auto;flex-direction:column;margin:clamp(.5rem,1vw,1rem);padding:clamp(1.5rem,3vw,2rem);transition:all .3s ease;width:clamp(300px,40vw,400px)}.ptemplate:hover{border-color:#ebebeb66;transform:translateY(-2px)}.ptemplate>h1{color:#fff;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.ptemplate>h1,.ptemplate>h4{margin:0 0 clamp(.8rem,2vw,1rem);text-align:center}.ptemplate>h4{color:grey;font-size:clamp(.9rem,2vw,1.1rem);font-weight:500;text-transform:capitalize}.ptemplate>span{color:#fff;flex-grow:1;font-size:clamp(.85rem,1.8vw,1rem);line-height:1.6;margin:0 0 clamp(1rem,2vw,1.5rem);text-align:center}.ptemplate>a{align-self:center;border-bottom:1px solid #0000;color:#fff;display:inline-block;font-size:clamp(.8rem,1.8vw,1rem);margin:0;text-align:center;text-decoration:none;transition:all .3s ease}.ptemplate>a:hover{border-bottom:1px solid #fff;color:grey}.light-mode .ptemplate{background-color:#fff;border:1px solid #eee;color:#111}.light-mode .ptemplate>a,.light-mode .ptemplate>h1,.light-mode .ptemplate>h4,.light-mode .ptemplate>span{color:#111}.dark-mode .ptemplate{background-color:#1e1e1ef2;border:1px solid #ebebeb33;color:#fff}.dark-mode .ptemplate>a,.dark-mode .ptemplate>h1,.dark-mode .ptemplate>h4,.dark-mode .ptemplate>span{color:#fff}@media screen and (max-width:1024px){.ptemplate{padding:clamp(1.2rem,2.5vw,1.8rem);width:clamp(280px,45vw,380px)}}@media screen and (max-width:768px){.ptemplate{margin:clamp(.8rem,1.5vw,1.2rem);padding:clamp(1rem,2vw,1.5rem);width:clamp(250px,80vw,350px)}}@media screen and (max-width:480px){.ptemplate{margin:clamp(.6rem,1vw,1rem);padding:clamp(.8rem,1.5vw,1.2rem);width:clamp(220px,85vw,320px)}}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ebebeb1a;border-top:1px solid #ebebeb1a;flex-shrink:0;margin-top:auto;overflow:hidden;padding:clamp(.8rem,2vw,1.5rem) 0;position:relative;text-align:center}.footer:before{background:linear-gradient(90deg,#0000,#00f260,#0575e6,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.light-mode .footer:before{background-image:linear-gradient(to right top,#ff5ca9,#ff4b93,#ff396e,#ff6247,#ff7b26,orange,#ffbf2f,#ffe766);background-repeat:no-repeat;background-size:cover}.footer-content{margin:0 auto;max-width:1200px;padding:0 clamp(1rem,3vw,2rem)}.copyright{color:grey;font-family:Arial,Helvetica,sans-serif;font-size:clamp(.75rem,1.8vw,1rem);line-height:1.4;margin:0;opacity:.8;transition:opacity .3s ease}.copyright:hover{opacity:1}.light-mode .name-highlight{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right top,#ff5ca9,#ff4b93,#ff396e,#ff6247,#ff7b26,orange,#ffbf2f,#ffe766);background-repeat:no-repeat;background-size:cover}.dark-mode .name-highlight,.light-mode .name-highlight{-webkit-text-fill-color:#0000;font-weight:700;transition:all .3s ease}.dark-mode .name-highlight{background:linear-gradient(45deg,#00f260,#0575e6);-webkit-background-clip:text;background-clip:text}.name-highlight:hover{filter:brightness(1.2);transform:scale(1.05)}@media screen and (max-width:1024px){.footer{padding:clamp(.7rem,1.5vw,1.2rem) 0}.copyright{font-size:clamp(.7rem,2vw,.95rem)}}@media screen and (max-width:768px){.footer{padding:clamp(.6rem,1.2vw,1rem) 0}.footer-content{padding:0 clamp(.8rem,2.5vw,1.5rem)}.copyright{font-size:clamp(.65rem,2.2vw,.9rem)}}@media screen and (max-width:480px){.footer{padding:clamp(.5rem,1vw,.8rem) 0}.footer-content{padding:0 clamp(.6rem,2vw,1rem)}.copyright{font-size:clamp(.6rem,2.5vw,.8rem);line-height:1.3}}*{scrollbar-color:#ebebeb4d #0000;scrollbar-width:thin}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:#ebebeb4d;border:3px solid #0000;border-radius:20px}.scroll{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}.light-mode{background-color:#f5f5f5;color:#222}.dark-mode{background-color:#181818;color:#f5f5f5}
/*# sourceMappingURL=main.0da2b2ff.css.map*/