@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Quicksand:wght@300..700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;text-decoration:inherit}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}.animated-gradient-text{font-weight:500;width:fit-content;transition:box-shadow .5s ease-out;vertical-align:baseline}.gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-size:300% 100%;animation:gradient linear infinite;border-radius:inherit;z-index:0;pointer-events:none}.gradient-overlay:before{content:"";position:absolute;border-radius:inherit;width:calc(100% - 2px);height:calc(100% - 2px);left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.text-content{display:inline;position:relative;z-index:2;background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradient linear infinite;vertical-align:baseline}.scroll-down{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}body,html{display:flex;flex-direction:column;margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;overflow-x:hidden}a{color:#ebe5e5}#root,body{display:flex;flex-direction:column;width:100%;min-height:100vh;height:100%;font-size:18px;font-family:Figtree,sans-serif;background-color:#0f152f;background-attachment:fixed;background-size:200% 200%;scroll-behavior:smooth}@keyframes gradient-move{0%{background-position:0% 50%}to{background-position:100% 50%}}#fade-in,#fade-in1,#fade-in2,#fade-in3,#fade-in4{opacity:0;transform:translateY(10px);animation:fadeIn .9999s ease-out forwards}#fade-in{animation-delay:.2s}#fade-in1{animation-delay:.4s}#fade-in2{animation-delay:.5s}#fade-in3{animation-delay:.6s}#fade-in4{animation-delay:.7s}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.logo,.logo-backtick{display:flex;font-family:Figtree,sans-serif;transition:all .5s ease-in-out}.logo{font-weight:500;font-size:1.8rem;margin:10px;color:#fff}.logo:hover{background:linear-gradient(120deg,#e66465,#9198e5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.logo-backtick{font-weight:900;background:linear-gradient(120deg,#e66465,#9198e5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.logo:hover .logo-backtick{background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:#ebe5e5;color:#ebe5e5}.greeting-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh}.greeting{display:flex;height:110vh;flex-direction:column;margin:0 auto;justify-content:center;align-items:center}.greeting-container{position:relative;z-index:1}.greeting-wrapper{position:relative;height:100vh;overflow:hidden}.greeting-canvas{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;border-bottom:3px solid #3d4157}.gradient{background:linear-gradient(120deg,#e66465,#9198e5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.highlight,.highlight-1{display:inline;color:#ff8a8b}.highlight-1{padding:5px}.greeting-title{display:inline-flex;justify-content:center;align-items:baseline;margin:-100px auto 0;font-size:5.5rem;color:#ebe5e5;font-weight:500;font-style:bold}.greeting-subtitle{display:flex;justify-content:center;align-items:center;width:100%;margin:0 auto;font-size:2.6rem;color:#ebe5e5;font-weight:300}.navigation{display:flex;height:70px;align-items:center;justify-content:space-between;width:100%;max-width:1300px;position:fixed;top:0;left:0;right:0;z-index:100;margin:0 auto;transition:.3s ease-in;padding:10px}.navigation.scrolled{border-bottom-left-radius:20px;border-bottom-right-radius:20px;background:#141428e6}.nav-menu{display:flex;align-items:center;gap:20px;height:100%}.nav-title a{height:100%;width:auto;display:flex;justify-content:center;align-items:center;font-size:1.1rem;font-family:Quicksand,sans-serif;font-weight:500;white-space:nowrap;flex-direction:row}.nav-title:hover{transition:.3s ease-in-out;cursor:pointer}.nav-icon{margin-right:10px;font-size:18px;display:flex;align-items:center;justify-content:center}.nav-icon:hover,.nav-title a:hover{color:#e26e6e;transition:.3s ease-in-out}.about{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:80px auto 0;padding:10px;width:90%}.About-image-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.About-status-container{display:flex;flex-direction:row;justify-content:space-between;width:70%;align-items:center;margin:0 auto;border-radius:12px}.About-status{display:flex;border:2px solid #3d4157;padding:10px;width:fit-content;margin-top:20px;border-radius:8px;font-size:1rem}.About-status span{margin-left:5px}.status-icon{display:inline-flex;width:fit-content;margin-right:10px}.About-para-container{display:flex;text-align:center;padding:10px;align-items:center;justify-items:center;white-space:nowrap}.About-paragraph{display:flex;flex-direction:column;font-size:1.2rem;padding:10px;margin:0 auto;width:70%}#para-finish{font-size:1.3rem}.About-image-container .About-img{display:flex;height:200px;margin:20px;border-radius:100px;border:3px solid rgba(255,255,255,.1);transition:border-color .5s ease-in-out}.About-img:hover{border-color:#e26e6e}.About-container{display:flex;flex-direction:row;margin:0 auto;width:70%}.skills,.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;padding:20px;margin:0 auto}.contact{padding-top:0}.projects{width:80%;margin:0 auto}.contact-form{display:flex;flex-direction:column;width:80%}.icons{display:flex;justify-content:center;align-items:center;padding:10px;margin:0 auto}.icon{display:flex;margin:10px;font-size:25px;color:#e66465}.contact-input{display:flex;width:calc(100% - 20px);margin:10px;padding:10px;border:1px solid #3d4157;border-radius:8px;background:#ffffff08;font-family:Figtree,sans-serif;font-size:16px;box-sizing:border-box}#title,#email{height:40px}#message{height:100px;min-width:calc(100% - 20px);min-height:fit-content;max-width:fit-content;max-height:200px;word-break:break-all}.contact-input:focus{outline:0px;box-shadow:inset 0 -3px #e66465;transition:.3s ease-in-out}.contact-form button{display:flex;width:calc(100% - 20px);height:fit-content;margin:10px;justify-content:center;align-items:center;font-size:1rem;font-weight:500;font-family:Figtree,sans-serif;cursor:pointer;border-radius:8px;background:linear-gradient(90deg,#e65555,#7079d6);background-size:200% 200%;background-position:0% 50%;box-shadow:0 4px 16px #e664651a,0 1.5px 4px #9198e51a;transition:background-position .6s cubic-bezier(.4,0,2,1),box-shadow .3s;overflow:hidden;border:none}.footer{display:flex;height:fit-content;padding:10px;width:80%;justify-content:space-around;align-items:center;margin:0 auto}.footer-item{display:flex;margin:10px;justify-content:center;align-items:center}.footer-icon{padding-left:10px}.footer-icon a:hover{transition:.3s ease-in-out;color:#e65555}.greetings-image{display:flex;justify-content:center;align-items:center;height:auto;margin:0 auto;border-radius:10px;overflow:hidden}.greeting-text-container{display:flex;margin:10px;width:40%}.greeting-text{font-size:1.3rem;margin:10px;text-align:center;color:#f5f5f5}.social-item{display:flex;flex-direction:row;height:fit-content;width:fit-content;justify-content:center;align-items:center}.social-icon{margin-top:5px;margin-left:10px}.socials{display:flex;justify-content:center;align-items:center;height:80px;width:60%}.social-icon:hover svg{color:#e66465;transition:.5s ease-in-out}.social-title:hover svg{color:#e66465;transition:.5s ease-in-out}.section-heading{display:flex;margin:0 auto;justify-content:center;align-items:center;width:100%;font-size:2.6rem;font-family:Quicksand,sans-serif;font-weight:600}.contact-sub-heading{display:flex;max-width:100%;font-size:1.2rem;padding:15px;text-align:center;justify-content:center;align-items:center;margin:0 auto;font-family:Quicksand,sans-serif;font-weight:500}.section-sub-heading{display:flex;max-width:70%;font-size:1.2rem;padding:15px;text-align:center;justify-content:center;align-items:center;margin:0 auto;font-family:Quicksand,sans-serif;font-weight:500}.skills-container{display:flex;justify-items:center;align-items:center;min-height:310px;padding:10px;margin-top:10px}.skills-tabs{display:flex;width:100%;align-items:center;justify-content:center}.skills-tabs button{display:flex;margin:10px;padding:10px;font-family:Figtree,sans-serif!important;font-style:bold;border:2px solid rgba(255,255,255,.1);background:transparent;color:#ebe5e5}.skills-tabs button:hover{border:2px solid #e66465;transition:.3s ease-in-out}.skills-tabs button.active{border-color:#e66465;color:#e26e6e;transition:.3s ease-in-out}.skills-title{font-size:1.2rem;transition:.3s;font-weight:500}.skills-title:hover{color:#e26e6e;transition:.3s}.skill-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;font-size:18px;height:fit-content;width:350px;border-radius:10px;margin:10px;padding:10px}.skill-description{font-size:1rem;display:flex;color:2px solid #9198e5;margin:5px;line-height:1.2em}.skill-sub-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:5px}.Frontend-skills,.Backend-skills,.Other{display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;margin:0 auto;align-items:center}.skill-icon{display:flex;color:#e66465;font-size:35px;margin-right:10px}.project-container{width:90%;display:grid;grid-template-columns:repeat(2,1fr);margin:10px auto 0;gap:20px}.project-card{display:grid;padding:10px;grid-template-rows:auto 1fr;margin:0 auto}.project-information{display:flex;flex-direction:column;width:fit-content}.project-text{display:flex;align-items:center;justify-content:center;font-size:1rem;max-width:100%;padding:10px}.project-title{font-size:28px;align-items:center;justify-content:center;width:fit-content;margin-left:10px;margin-bottom:10px;padding-top:10px;font-family:Quicksand,sans-serif;font-weight:600;font-size:1.7rem;border-bottom:2px solid #9198e5}.project-title:hover{border-color:#e66465;transition:.3s ease-in-out}.project-image img{height:100%;width:100%;object-fit:cover;display:block}.project-image{max-width:100%;overflow:hidden;border-radius:8px;display:flex;align-items:center;justify-content:center}.project-button{margin:10px;height:20px!important;white-space:nowrap}.project-button a{display:flex;flex-direction:row;align-items:center}.project-button a:hover{cursor:pointer;transition:.3s ease;color:#ebe5e5}.project-button span{margin-left:10px}.project-buttons{display:flex;height:fit-content;flex-direction:row}.project-tags{display:flex;padding-left:10px;padding-bottom:5px;padding-top:5px}.tag{display:flex;font-size:25px;margin-right:10px;color:#9198e5}.About-text{display:flex;flex-direction:column;margin-top:10px}.About-para-title{display:flex;align-items:center;justify-content:flex-start;font-size:1.3rem;font-weight:500;font-family:Quicksand,sans-serif;width:fit-content;padding-right:10px}.About-paragraph-text{font-size:1rem;padding-top:10px;justify-content:center;align-items:center}#about-icon{display:inline-flex;color:#ff8a8b;padding-right:5px;align-items:center;justify-content:center}.BackToTop{display:flex;flex-direction:column;margin:0 auto;width:50%;height:300px;text-align:center;justify-content:center}.back-to-top-text{font-size:1.6rem;margin:10px;justify-content:center;font-family:Quicksand,sans-serif;font-weight:600;align-items:center}.back-to-top-button{display:flex;width:fit-content;margin:10px auto;padding:10px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;font-family:Figtree,sans-serif;cursor:pointer;box-sizing:border-box;border:2px solid transparent}.back-to-top-button:hover #arrow-icon{transform:rotate(-180deg);transition:transform .4s cubic-bezier(.87,.03,.41,.9)}.scroll-down-container{position:absolute;top:750px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Quicksand,sans-serif;font-weight:800;font-size:1.2rem}.scroll-down-container svg:hover{animation-name:float;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.scroll-down-container svg{color:#e26e6e;animation-name:float;animation-duration:5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}.back-to-top-button:hover{border-bottom:2px solid #e66465;transition:.4s ease-in-out}#arrow-icon{transition:transform .3s cubic-bezier(.87,.03,.41,.9);display:inline-flex;justify-content:center;vertical-align:middle;margin-left:10px;align-items:center;font-size:25px;width:25px;color:#e66465}.resume,.project-button{display:flex;flex-direction:row;height:25px;width:fit-content;justify-content:center;align-items:center;vertical-align:middle;padding:10px;font-size:1rem;font-weight:500;font-family:Figtree,sans-serif;cursor:pointer;border-radius:8px;background:linear-gradient(90deg,#e65555,#7079d6);background-size:200% 200%;background-position:0% 50%;transition:background-position .6s cubic-bezier(.4,0,2,1),box-shadow .3s;position:relative;overflow:hidden}.resume:hover,.project-button:hover,.contact-form button:hover{transition:all .6s ease;background-position:100% 50%;box-shadow:0 6px 24px #e664652e,0 2px 8px #9198e526;transition:background-position .5s cubic-bezier(.4,0,.2,1),box-shadow .3s}@media (min-width: 1200px) and (max-width: 1600px){.navigation{max-width:80%}.About-status-container{flex-direction:column;width:80%;margin:0 auto}.About-status{margin-bottom:10px;margin-top:10px}}@media (min-width: 1000px) and (max-width: 1200px){.navigation{max-width:80%}.About-status-container{flex-direction:column;width:80%;margin:0 auto}.About-status{margin-bottom:10px;margin-top:10px}}@media (min-width: 1000px){.nav-menu-mobile,.nav-hamburger{display:none}}@media (min-width: 750px) and (max-width: 1000px){.About-status-container{flex-direction:column;width:100%}.back-to-top{width:100%}.back-to-top-text{font-size:1.5rem;width:100%}.section-sub-heading,.contact-sub-heading{max-width:100%}.About-status{margin-bottom:10px;margin-top:10px}.greeting-title{font-size:4.5rem}.nav-hamburger{margin-right:20px}.projects,.about,.contact-form{width:100%}.Frontend-skills,.Backend-skills,.Other{display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;margin:0 auto;align-items:center}.nav-title{padding:10px}.blog-card-container{display:grid;grid-template-columns:repeat(2,1fr);flex-direction:column;width:100%}.navigation{background:#14142899}.nav-menu{display:none}.nav-hamburger{display:flex;align-items:center;justify-content:center;cursor:pointer}.nav-menu-mobile{display:flex;margin:0 auto;flex-direction:column;position:absolute;top:80px;left:0;width:100vw;transition:.3s ease-in;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer{flex-direction:column;height:auto;gap:10px;font-size:.9rem}}@media (min-width: 300px) and (max-width: 750px){.About-status-container{flex-direction:row;width:100%}.skills-container{display:flex;width:fit-content}.skill-item{margin:10px auto 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:fit-content;width:100%;padding-top:10px}.skills-tabs{margin:0 auto;font-size:15px}.Frontend-skills,.Backend-skills,.Other{display:grid;grid-template-columns:repeat(1,1fr);justify-content:center;margin:0 auto;align-items:center}.About-status-container{flex-direction:column;justify-content:flex-start;width:80%}.About-status{margin-bottom:5px;margin-top:5px}.navigation{height:8%;width:95vw;border-bottom-left-radius:0;border-bottom-right-radius:0;background:#141428e6}.nav-menu{display:none}.nav-hamburger{display:flex;align-items:center;justify-content:center;cursor:pointer}.scroll-down-container{position:absolute;top:650px;display:inline-flex;flex-direction:column;margin:0 auto;align-items:center;font-family:Quicksand,sans-serif;font-weight:800;font-size:1.2rem}.nav-menu-mobile{display:flex;position:absolute;left:0;top:100%;width:100%;flex-direction:column;margin:0 auto;transition:.3s ease-in;z-index:99;background:#141428e6}.nav-menu-mobile.active{background:#141428e6}.nav-title{padding:10px}.Blog{width:100%;height:fit-content}.blog-card-container{display:grid;grid-template-columns:repeat(1,1fr);flex-direction:column;width:100%}.blog-card{width:100%;height:fit-content;margin:10px auto;padding:10px}.section-heading{font-size:2.3rem;width:fit-content}.section-sub-heading{max-width:80%;font-size:1rem;margin:0 auto;text-align:center}.About-img{height:150px}.greeting{height:100vh}.socials{width:100%}.greeting-cta{font-size:1rem;padding:10px;width:80%;text-align:center}.greeting-title{font-size:2.2rem}.greeting-subtitle{font-size:1.5rem;padding-bottom:10px}.greeting-text{font-size:1rem}.greeting-text-container{width:80%}.About-paragraph{width:85%;font-size:.95rem}.BackToTop{width:80%;height:fit-content}.back-to-top-text{font-size:1.2rem}.projects{width:100%}.projects .project-image image{width:100%}.project-container{grid-template-columns:repeat(1,1fr)}.project-card{width:fit-content;margin:0 auto}.project-title{font-size:1.5rem}.project-text{font-size:.85rem}.contact{width:90%}.contact-form{width:100%}.contact-form button{padding:5px}.footer{flex-direction:column;padding:0;height:auto;text-align:center;font-size:.9rem}.back-to-top-text{font-size:1.1rem;width:100%}}