: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}li{list-style:none}a{color:#fff;text-decoration:none}body{font-size:1.7rem;color:#eee;background-color:var(--background-color);font-family:var(--inter);scroll-behavior:smooth}/*! Styling */.loading-sc{background-color:var(--background-color);top:0;width:100vw;height:100vh;position:absolute;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:0 4em;margin:0 auto;overflow:hidden}.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:none}.container{width:100%;padding:0 1em}header{padding:0 1.4em!important}}@media (max-width: 900px){header{min-height:50px;max-height:50px;position:relative}.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}.nav-container .light-on{border-radius:1.5em}li:hover{transition:.2s}}@media (max-width: 550px){.testimonial{width:95%}.skills .comp{display:none}.firebase{margin-left:-1em}.skills-cont .skills{gap:.7em}}footer.svelte-1sr6y3t{background-color:var(--secondary-color-2);padding:3rem 0;margin-top:5rem}.footer-content.svelte-1sr6y3t{display:flex;flex-direction:column;align-items:center;gap:2rem}.social-links.svelte-1sr6y3t{display:flex;gap:1.5rem}.social-link.svelte-1sr6y3t{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-1sr6y3t:hover{background-color:var(--primary-color);color:var(--background-color);transform:translateY(-3px)}.work-platforms.svelte-1sr6y3t{text-align:center}.work-title.svelte-1sr6y3t{color:var(--small-txt);font-size:var(--fs-100);margin-bottom:1rem}.work-links.svelte-1sr6y3t{display:flex;gap:1.5rem;justify-content:center}.work-link.svelte-1sr6y3t{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-1sr6y3t:hover{background-color:var(--primary-color);color:var(--background-color)}.copyright.svelte-1sr6y3t{color:var(--small-txt);font-size:var(--fs-100);text-align:center}.sr-only.svelte-1sr6y3t{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-1sr6y3t{flex-direction:column;align-items:center}.work-link.svelte-1sr6y3t{width:100%;justify-content:center}}