:root{font-size:62.5%;--fs-100: 1.6rem;--fs-200: 1.8rem;--fs-300: 2.8rem;--fs-400: 3.6rem;--fs-500: 4.2rem;--fs-600: 6.2rem;--primary-color: #4fc2f7e0;--secondary-color: #18b3ded7;--background-color: rgb(1, 10, 22);--txt-h-color: #e1e6ee;--text-md-color: #e1e6ee;--small-txt: #bebebe;--secondary-color-2: rgb(12, 22, 37);--inter: "Inter", sans-serif;scroll-behavior:smooth}*{margin:0;box-sizing:border-box;padding:0}html{width:100%;overflow-x:hidden;background-color:var(--background-color);-webkit-text-size-adjust:100%;text-size-adjust:100%}li{list-style:none}a{color:#fff;text-decoration:none}body{width:100%;min-height:100vh;min-height:100dvh;overflow-x:hidden;font-size:1.7rem;color:#eee;background-color:var(--background-color);font-family:var(--inter);scroll-behavior:smooth}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{-webkit-appearance:none;appearance:none}/*! Styling */.loading-sc{background-color:var(--background-color);position:fixed;inset:0;width:100%;min-height:100vh;min-height:100dvh;z-index:999999;animation:loadingSc 1.2s forwards;isolation:isolate}@keyframes loadingSc{70%{opacity:1}99%{opacity:0}to{opacity:0;z-index:-1}}.wrapper{display:none}.loading-item{width:100px;height:30px;display:block;z-index:10;border-radius:100vw;top:50%;left:50%;position:relative;transform:translate(-50%);box-shadow:0 0 0 var(--primary-color);animation:loading 1.2s forwards}.skills .comp{width:6em}.react-icon{width:4.5em}.firebase{width:3em}@keyframes loading{to{box-shadow:0 1px 20px var(--primary-color);width:115px}}.container{max-width:1400px;width:100%;padding-right:max(4em,env(safe-area-inset-right));padding-left:max(4em,env(safe-area-inset-left));margin:0 auto;min-width:0}.glass-f{background-color:transparent;background-image:linear-gradient(145deg,#ffffff38,#ffffff1a);border-radius:50px;border:solid var(--primary-color) 1px}.light-on{width:100%;height:100%;background-color:var(--primary-color);z-index:-10;position:absolute;right:50%;transform:translate(50%);border-radius:4rem;box-shadow:0 0 2.5rem var(--primary-color);opacity:.9}.btn-cont{position:relative}.btn-cont{width:fit-content}.btn{padding:1rem 2.5rem;border-radius:50px;font-size:var(--fs-200);color:#fff;font-weight:700}@keyframes upDown{to{top:-28px}}.skills ul{flex-direction:column;gap:1.5rem}.firebase{width:4em}.skills i{font-size:7rem}.skills li{position:relative}.skills li:first-child i{color:#f79220}.skills li:nth-child(2) i{color:#41b7ee}.skills li:nth-child(3) i{color:#eee241}.skills li:hover ul{display:flex;background-color:#41b7ee;padding:2rem;border-radius:1.5rem;background-color:var(--background-color);box-shadow:0 0 2.5rem #70c6ff67;position:absolute;width:30rem;top:4rem;left:1.5rem;z-index:3}.skills li ul{display:none;animation:scaleH 1s forwards}@keyframes scaleH{0%{max-height:0}to{max-height:50rem}}#more{margin-top:15rem;padding:0}#testimonials{margin-top:5em}.testimonial{display:flex;width:80%;margin:5em auto;background:var(--secondary-color-2);border-radius:1em;overflow:hidden;align-items:center}.testimonial img{width:12em}.freelance-website{align-items:center;color:var(--secondary-color)!important;display:flex}.freelance-website img{margin:0 .5em;width:1.5em!important}.client-cont{margin-left:1em;margin-top:1em;display:flex;gap:.3em;align-items:center}.testimonial p{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:var(--fs-200);font-weight:500;padding-left:1em;width:40ch;color:var(--txt-h-color)}.testimonial span{font-weight:600;color:var(--small-txt);display:inline-block}#hire-me{margin:10rem 0;display:relative}#hire-me form{display:grid;justify-items:center;gap:2rem;width:60%;margin:0 auto}#hire-me input{font-size:var(--fs-100);padding:2rem;border-radius:100px;color:#ddd;column-span:1;width:100%}#hire-me input::placeholder{color:#ddd}#hire-me input:focus{outline:transparent;box-shadow:0 0 1.5rem var(--primary-color)}#hire-me input:nth-child(5){grid-column:span 2;width:100%;min-height:30rem;margin:0 auto;border-radius:4rem;padding-bottom:21rem}#hire-me .btn-cont{margin-top:3rem;grid-column:span 2}.txt-grad{margin-top:10rem;background-image:linear-gradient(90deg,var(--primary-color),rgb(5,36,65));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:12rem;font-weight:800;text-align:center;display:block}footer{background-color:var(--secondary-color-2)}footer .container{padding:2rem 10rem}footer .work{margin-bottom:1rem;display:inline-block;font-size:1.8rem;font-weight:500;color:var(--small-txt)}footer .work div{display:flex;align-items:center}footer .work div a{padding:1rem;display:flex;align-items:center;color:var(--secondary-color)}footer .work div img{width:2.7rem;margin-right:.5rem}footer img{width:3rem}@media (max-width: 1300px){.container{width:100%}}@media (max-width: 1100px){:root{-webkit-text-size-adjust:100%}.container{width:100%;padding-right:max(1em,env(safe-area-inset-right));padding-left:max(1em,env(safe-area-inset-left))}}@media (max-width: 900px){.container{width:100%}#projects .projects-cont{padding:0rem}#hire-me form input{grid-column:span 2;width:100%;padding:2.5rem 3.5rem}.skills .comp{width:5.5em}.react-icon{width:3.9em}.firebase{width:3.5em}}@media (max-width: 720px){.testimonial p{font-size:1.8rem}.introduction .center-btn{margin:1rem auto}li:hover{transition:.2s}}@media (max-width: 550px){.testimonial{width:95%}.skills .comp{display:none}.firebase{margin-left:-1em}.skills-cont .skills{gap:.7em}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}header.svelte-j4k1rw{display:flex;min-height:5em;max-height:5em;justify-content:space-between;margin:0 auto;align-items:center;padding:0 3em}header.svelte-j4k1rw nav:where(.svelte-j4k1rw) ul:where(.svelte-j4k1rw) li:where(.svelte-j4k1rw){padding:.6rem 1.2rem!important}header.svelte-j4k1rw nav:where(.svelte-j4k1rw) ul:where(.svelte-j4k1rw){display:flex}.header-cont.svelte-j4k1rw:hover nav:where(.svelte-j4k1rw) li:where(.svelte-j4k1rw){display:block}.header-cont.svelte-j4k1rw:hover{width:98%!important}.header-cont.svelte-j4k1rw{position:sticky;margin:0 3rem;top:1.1rem;z-index:100;max-width:1400px;background-color:var(--background-color);isolation:isolate;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.logo.svelte-j4k1rw img:where(.svelte-j4k1rw){width:5em}header.svelte-j4k1rw:hover .nav-container:where(.svelte-j4k1rw){width:32em!important}header.svelte-j4k1rw:hover .nav-container:where(.svelte-j4k1rw) ul:where(.svelte-j4k1rw){display:flex!important}.nav-container.svelte-j4k1rw{position:relative}header.svelte-j4k1rw nav:where(.svelte-j4k1rw){width:100%;padding:0 1.4em;height:4.5rem}nav.svelte-j4k1rw ul:where(.svelte-j4k1rw){position:relative;display:flex;padding:.4em;justify-content:space-between}.header-cont.svelte-j4k1rw{align-items:center;width:98%;transition:all .35s;margin:0 auto;border-radius:100vw;box-shadow:0 0 1rem var(--primary-color)}header.svelte-j4k1rw{transition:All .3s}nav.svelte-j4k1rw ul:where(.svelte-j4k1rw){transition:.15s all}header.svelte-j4k1rw:hover ul:where(.svelte-j4k1rw){opacity:1}header.svelte-j4k1rw .nav-container:where(.svelte-j4k1rw){transition:.1s all;width:32em}.mode.svelte-j4k1rw i:where(.svelte-j4k1rw){font-size:3.2rem}.mode.svelte-j4k1rw{border-radius:100vw;position:relative;border:0;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation}.mode.svelte-j4k1rw .glass-f:where(.svelte-j4k1rw){border:none;background:transparent}@media (max-width: 1100px){header.svelte-j4k1rw{padding:0 1.4em!important}}@media (max-width: 900px){header.svelte-j4k1rw{min-height:75px;max-height:75px;position:relative}}@media (max-width: 720px){.header-cont.svelte-j4k1rw{top:max(.6rem,env(safe-area-inset-top));width:calc(100% - 1.2rem)!important;border-radius:2rem}header.svelte-j4k1rw{display:grid;grid-template-columns:4.4rem minmax(0,1fr) 4.4rem;gap:.4rem;min-height:8rem;max-height:none;padding:.7rem!important}header.svelte-j4k1rw nav:where(.svelte-j4k1rw){height:100%;padding:0;display:flex;align-items:center}header.svelte-j4k1rw .nav-container:where(.svelte-j4k1rw){overflow:hidden;top:0;width:100%!important;min-width:0;min-height:0;border-radius:1.5rem;max-width:none;margin:0 auto;justify-content:center}header.svelte-j4k1rw nav:where(.svelte-j4k1rw) ul:where(.svelte-j4k1rw){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;top:0;min-width:0;width:100%;padding:.3rem;animation:none;align-items:center}header.svelte-j4k1rw nav:where(.svelte-j4k1rw) ul:where(.svelte-j4k1rw) li:where(.svelte-j4k1rw){min-width:0;font-size:1.4rem;position:static;display:block;font-weight:500;padding:0!important}header.svelte-j4k1rw nav:where(.svelte-j4k1rw) ul:where(.svelte-j4k1rw) li:where(.svelte-j4k1rw) a:where(.svelte-j4k1rw){display:block;padding:.65rem .3rem;text-align:center;white-space:nowrap}.nav-container.svelte-j4k1rw .light-on:where(.svelte-j4k1rw){border-radius:1.5em}header.svelte-j4k1rw:hover .nav-container:where(.svelte-j4k1rw){top:0!important;width:100%!important;min-height:0!important}header.svelte-j4k1rw:hover ul:where(.svelte-j4k1rw){display:grid}.logo.svelte-j4k1rw img:where(.svelte-j4k1rw){width:4rem}.mode.svelte-j4k1rw{min-width:4.4rem;min-height:4.4rem}}header.svelte-j4k1rw nav:where(.svelte-j4k1rw) ul:where(.svelte-j4k1rw){min-width:100%;flex-wrap:wrap;animation:scale-h .5s forwards .6s}li.svelte-j4k1rw:hover{border-radius:100vw}header.svelte-j4k1rw :where(.svelte-j4k1rw):hover .light-on:where(.svelte-j4k1rw){transition:all .2s;opacity:.6}header.svelte-j4k1rw li:where(.svelte-j4k1rw):hover{transition:all .2s;background-color:#5acbffa4;box-shadow:0 0 1rem var(--primary-color)}header.svelte-j4k1rw:hover .mode:where(.svelte-j4k1rw) .light-on:where(.svelte-j4k1rw){transition:all .2s;opacity:.8}@media (max-width: 520px){.logo.svelte-j4k1rw img:where(.svelte-j4k1rw){width:3.8rem}header.svelte-j4k1rw nav:where(.svelte-j4k1rw) ul:where(.svelte-j4k1rw){gap:1rem}header.svelte-j4k1rw nav:where(.svelte-j4k1rw) ul:where(.svelte-j4k1rw) li:where(.svelte-j4k1rw){padding:.4rem}.mode.svelte-j4k1rw i:where(.svelte-j4k1rw){font-size:2.4rem}}@media (max-width: 420px){.header-cont.svelte-j4k1rw{gap:0rem}header.svelte-j4k1rw{padding:.2rem!important}header.svelte-j4k1rw nav:where(.svelte-j4k1rw) ul:where(.svelte-j4k1rw) li:where(.svelte-j4k1rw){font-size:1.2rem!important}}footer.svelte-d68o48{background-color:var(--secondary-color-2);padding:3rem 0;margin-top:5rem}.footer-content.svelte-d68o48{display:flex;flex-direction:column;align-items:center;gap:2rem}.social-links.svelte-d68o48{display:flex;gap:1.5rem}.social-link.svelte-d68o48{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#ffffff1a;color:var(--text-md-color);transition:all .3s ease}.social-link.svelte-d68o48:hover{background-color:var(--primary-color);color:var(--background-color);transform:translateY(-3px)}.work-platforms.svelte-d68o48{text-align:center}.work-title.svelte-d68o48{color:var(--small-txt);font-size:var(--fs-100);margin-bottom:1rem}.work-links.svelte-d68o48{display:flex;gap:1.5rem;justify-content:center}.work-link.svelte-d68o48{display:flex;align-items:center;gap:.5rem;color:var(--text-md-color);text-decoration:none;padding:.5rem 1rem;border-radius:30px;background-color:#ffffff0d;transition:all .3s ease}.work-link.svelte-d68o48:hover{background-color:var(--primary-color);color:var(--background-color)}.copyright.svelte-d68o48{color:var(--small-txt);font-size:var(--fs-100);text-align:center}.sr-only.svelte-d68o48{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){.work-links.svelte-d68o48{flex-direction:column;align-items:center}.work-link.svelte-d68o48{width:100%;justify-content:center}}