@import url(https://rsms.me/inter/inter.css);.landing-root{background:linear-gradient(135deg,var(--background-color) 40%,var(--primary-color) 100%);height:100vh;padding:0 150px;position:relative;width:100%}.scroll-indicator{animation:bounce2 2s infinite;bottom:20px;color:var(--text-primary-color);font-family:Consolas,monaco,monospace;position:absolute;writing-mode:vertical-rl;z-index:100}.scroll-indicator-left{left:20px}.scroll-indicator-right{right:20px}.main-container{align-items:center;display:flex;height:100%;justify-content:space-between;opacity:1;width:100%}.text-container{color:var(--text-primary-color);margin-bottom:5rem;margin-right:5rem;z-index:50}.main-heading{color:var(--text-primary-color)}.landing-name,.main-heading{font-size:max(4vw,60px);font-weight:600}.landing-name{color:var(--primary-color);margin:0;padding:0}.landing-name:after{color:var(--text-primary-color);content:"."}.landing-name>span{display:inline-block}.landing-name>span:hover{animation:gelatine .7s linear;color:var(--secondary-color);transition:all .1s ease-out}.description{color:var(--text-primary-color);font-size:22px;font-weight:600;line-height:1.8rem;max-width:750px}.buttons-container{display:flex;margin-top:3rem}.see-work-btn{align-items:center;border:2px solid var(--primary-color);border-radius:2px;color:var(--text-primary-color);cursor:pointer;display:flex;font-size:15px;font-weight:500;justify-content:center;padding:.8rem 2.5rem;transition:background-color .15s ease-out}.see-work-btn:hover{background-color:#007bff4d;transition:all .15s ease-out}.hire-me-btn{cursor:pointer;font-size:15px;font-weight:500;margin-left:3rem;text-decoration:none;transition:transform 50ms ease-out 0ms}.hire-me-btn,.hire-me-btn>a{align-items:center;display:flex}.hire-me-btn>a{color:var(--text-primary-color)}.hire-me-btn:hover{transform:scale(1.02)}.landing-page-svg{height:auto;max-width:30vw;min-height:325px;min-width:325px;width:100%}.fade{animation:fade-up 1.5s ease-out;opacity:0;transition:all 2s ease}.fade.active{opacity:1}.fade-2{animation:fade-left 1.5s ease-out}@keyframes fade-up{0%{padding-top:150px}}@keyframes fade-left{0%{margin-right:50px;opacity:0}}@keyframes bounce2{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@media (max-width:1024px){.landing-root{height:auto;padding:150px 50px;position:relative;width:100%}.main-container{align-items:center;display:flex;height:100%;width:100%}.text-container{margin-bottom:0;margin-right:0}.landing-page-svg{display:none}.description{font-size:15px;font-weight:500;line-height:1.5rem;max-width:300px}.see-work-btn{border-radius:5px;font-size:15px;padding:.8rem 3rem}.hire-me-btn{font-size:15px;font-weight:500;margin-left:3rem}}@media (max-width:1280px){.see-work-btn{font-size:15px;padding:.8rem 2rem}.hire-me-btn{margin-left:3rem}.description,.hire-me-btn{font-size:15px;font-weight:500}.description{line-height:1.5rem;max-width:600px}}@media (max-width:680px){.landing-root{padding:150px 25px 50px}.see-work-btn{font-size:12px;padding:10px}.hire-me-btn{font-size:12px;margin-left:1rem}.description{font-size:15px;font-weight:400;line-height:1.5rem;max-width:600px}.text-container .main-heading{margin-bottom:2rem}.text-container .landing-name{font-size:35px}.main-heading .text-hi{font-size:35px;font-weight:600}}.hire-me-btn,.landing-root,.main-container,.see-work-btn,.text-container{transition:background-color 1s ease-in-out,color 1s ease-in-out,border-color .3s ease-in-out}.root-container{background-color:var(--background-color);background:linear-gradient(130deg,var(--background-color) 0,var(--primary-color) 200%);min-height:100vh;padding:100px 150px;position:relative;width:100%}.projects-title-container{display:flex;flex-direction:column;justify-content:center;margin-bottom:2rem}.projects-title{color:var(--primary-color);font-size:60px;font-weight:700;line-height:1.2;margin:0;transition:color .2s ease-out}.projects-title>span{display:inline-block;transition:color .15s ease-out}.projects-title-normal{color:var(--text-primary-color)}.projects-title-animate:hover{animation:gelatine .7s linear;color:var(--secondary-color);transition:all .1s ease-out 0ms}.projects-about{color:var(--text-primary-color);font-size:18px;font-weight:600;line-height:1.5rem;margin:1rem 0;max-width:750px}.projects-section{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin-top:2rem}.filter-projects-container{color:var(--text-primary-color);margin-bottom:2rem;width:100%}.filter-projects-list{display:flex;flex-wrap:wrap;list-style-type:none;padding:0}.list-item{font-weight:500;margin-right:1rem;position:relative}.list-item-label{color:var(--primary-color);font-weight:700;margin-right:1rem}.list-link.active{border-radius:4px;font-weight:600;padding:2px 1px;transition:background .2s ease}.list-link.active,.list-link:hover{color:var(--accent-color)}.list-link{color:var(--text-primary-color);cursor:pointer;position:relative;text-decoration:none;transition:color .2s ease}.filter-badge{background:#0000001a;border-radius:50%;font-family:Consolas,monaco,monospace;font-size:11px;padding:2px 5px;position:absolute;right:-15px;top:-15px}.filter-badge.active{background:var(--accent-color);color:#fff}.projects-container{grid-gap:1rem;-webkit-padding-start:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,330px);min-height:330px;padding-inline-start:0;width:100%}@media (max-width:1280px){.root-container{padding:100px 50px}.projects-about{font-size:16px;font-weight:500}.projects-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.projects-about{font-size:15px;font-weight:600}.projects-title{font-size:35px}.projects-container{grid-template-columns:repeat(2,1fr)}.project-container>.content{align-items:center;background:linear-gradient(180deg,#0000 0,#0003);display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:10px;position:absolute;transition:opacity .3s ease}}@media (max-width:640px){.projects-title{font-size:20px}.root-container{padding:100px 25px}.projects-section{align-items:center}.projects-container{grid-template-columns:repeat(2,1fr)}.filter-projects-list{font-size:12px}}@media (max-width:540px){.list-item{margin-right:.5rem}.filter-projects-list{font-size:15px;list-style:none}.projects-container{grid-template-columns:repeat(1,1fr)}}@media (min-width:1024px){.project-container:hover>.content{opacity:1}.content:hover>.about-button{transform:translateY(115px)}.content:hover>.about-desc{transform:translateY(125px)}.project-container:hover{box-shadow:0 6px 12px #00000040}.project-container .about-button{transform:translateY(230px);transition:transform .2s ease .07s}.project-container .about-desc{transform:translateY(200px);transition:transform .25s ease .1s}.project-container:hover>img{filter:brightness(1);transform:scale(1.03)}.project-container>.content{align-items:center;background:linear-gradient(180deg,#0000 0,#000000e6);display:flex;flex-direction:column;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}}.project-container{background:var(--surface-color);border-radius:10px;box-shadow:0 3px 8px #00000026;filter:blur(5px);opacity:0;overflow:hidden;position:relative;transform:translateX(-10%);transition:box-shadow .3s ease}.project-container.fade-in{filter:blur(0);opacity:1;transform:translateX(0);transition:all .5s ease}.project-container>img{aspect-ratio:1/1;border-radius:5px 5px 0 0;display:block;filter:brightness(.4);object-fit:cover;object-position:center;transition:transform .3s ease,filter .3s ease;width:100%}.project-container .about-button{color:var(--cream);font-size:20px;font-weight:500}.project-container .about-desc{color:var(--white);font-size:14px;font-weight:500;text-align:center}.pdf-root,.pdf-viewer{height:100%;width:100%}.pdf-viewer{position:relative;z-index:1000}.main-root{height:100vh;position:relative;width:100%}#root,html{height:100%}html{box-sizing:border-box;scroll-behavior:smooth}.about-root{background-color:var(--background-color);color:var(--white);overflow-x:hidden;padding:100px 150px;position:relative}.about-left-ctn,.about-root{align-items:center;display:flex;width:100%}.about-left-ctn{height:100%;justify-content:center}.hero-img-ctn{border-radius:50%;margin-right:200px}.hero-img-ctn>img{border-radius:50%;min-width:400px;width:100%}@media (min-width:1024px){.hero-img-ctn>img{-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);filter:blur(25px);transition:all .3s}.hero-img-ctn>img:hover{-webkit-clip-path:circle(70% at 50% 50%);clip-path:circle(70% at 50% 50%);filter:blur(0)}}.about-right-ctn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface-color);border-radius:8px;display:flex;flex-direction:column;padding:1.5rem;width:100%}.about-me-header{color:var(--primary-color);font-size:clamp(60px,1.8vw,60px);font-weight:600;margin:0 0 1rem;padding:0}.about-me-header>span{display:inline-block}.about-me-header-normal{color:var(--text-primary-color)}.about-me-header-animate:hover{animation:gelatine .7s linear;color:var(--secondary-color);transition:all .1s ease-out 0ms}.typed-section{color:var(--text-primary-color);font-family:Consolas,monaco,monospace;font-size:clamp(20px,2.5vw,50px);font-weight:500;height:90px;margin:0;padding:0}.about-description{color:var(--text-secondary-color);font-size:clamp(10px,1.1rem,40px);font-weight:500;line-height:1.8rem;max-width:700px;width:100%}.about-description>.countries-span{color:var(--primary-color);font-weight:500}.skills-list{grid-gap:0 10px;color:var(--text-primary-color);display:grid;font-size:.9rem;gap:0 10px;grid-template-columns:repeat(auto-fit,minmax(160px,100px));list-style:none;margin:20px 0 0;padding:0}.skills-list>li:before{color:var(--accent-color);content:"▹ ";font-size:1.2rem;font-weight:600;left:0;line-height:12px;position:absolute}.skills-list>li{align-items:center;display:flex;font-family:Consolas,monaco,monospace;margin-bottom:10px;padding-left:25px;position:relative}.about-hidden{filter:blur(10px);opacity:0;transition:.2s ease-in}@media (prefers-reduced-motion){.about-hidden{transition:none}}.fade-in{filter:blur(0);opacity:1;transition:.5s ease-in}.about-slide{filter:blur(10px);opacity:0;transform:translateX(75%);transition:.2s ease-out}.slide-in{filter:blur(0);opacity:1;transform:translateX(0);transition:.6s ease-out}@media (max-width:1280px){.about-root{flex-direction:column;padding:100px}.hero-img-ctn{border-radius:50%;margin-bottom:3rem;margin-right:0}.hero-img-ctn>img{min-width:200px;width:200px}.about-left-ctn{height:100%;justify-content:center}.about-left-ctn,.about-right-ctn{align-items:center;display:flex;width:100%}.about-right-ctn{flex-direction:column}.typed-section{align-self:flex-start;font-family:Consolas,monaco,monospace;font-size:30px;font-weight:500;height:90px;margin:0;padding:0}.about-me-header{margin:0 0 1rem;padding:0}.about-description{font-size:15px;font-weight:400;line-height:1.8rem;max-width:700px;width:100%}}@media (max-width:1024px){.about-root{padding:100px 50px}.about-me-header{font-size:clamp(35px,2vw,60px)}}@media (max-width:640px){.about-root{flex-direction:column;padding:100px 25px 0}.typed-section{align-self:flex-start;font-family:Consolas,monaco,monospace;font-size:25px;font-weight:500;height:45px;margin:0;padding:0}.about-me-header{font-size:20px}.about-description{font-size:17px;font-weight:400;line-height:1.8rem;max-width:700px;width:100%}.skills-list>li:before{content:"▹ ";font-size:1rem;left:0;line-height:12px;position:absolute}.skills-list{grid-gap:0 10px;display:grid;font-size:.8rem;gap:0 10px;grid-template-columns:repeat(auto-fit,minmax(160px,100px));list-style:none;margin:20px 0 0;padding:0}}.header-root{background-color:var(--background-color);color:var(--text-primary-color);height:72px;transition:all .3s ease}.header-hidden,.header-root{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;left:0;position:fixed;top:0;width:100%;z-index:100}.header-hidden{background-color:#007bff1a;box-shadow:3px -2px 44px 1px #007bff4d;color:var(--background-color);height:0;overflow-y:hidden;transition:all .1s ease}.open-header{display:none}.home-logo{color:var(--primary-color);cursor:pointer;font-size:36px;font-weight:700;text-decoration:none}.home-logo:hover{color:var(--accent-color)}.header-links{align-items:center;display:flex;flex-direction:row;font-weight:700;width:auto}.header-link:hover{color:var(--primary-color);cursor:pointer;transition:all .1s ease-out}.header-link{color:var(--text-primary-color);font-size:.9rem;font-weight:550;margin-right:2.5rem;text-decoration:none;transition:color 80ms ease-in-out 0ms}.header-content,.header-link{align-items:center;display:flex}.header-content{justify-content:space-between;margin:0 150px;width:100%}.close-btn{display:none}.header-number{color:var(--primary-color);padding-right:.5rem}.resume-button{border:2px solid var(--primary-color);border-radius:2px;color:var(--text-primary-color);font-family:Consolas,monaco,monospace;font-size:.9rem;font-weight:550;margin-right:2.5rem;padding:.5rem 2rem;transition:color 80ms ease-in-out 0ms}.resume-button:hover{background-color:#007bff4d;cursor:pointer;transition:background-color .15s ease-in-out 0ms}.show{opacity:1}.mobile-navbar{background-color:var(--background-color);bottom:0;height:100vh;justify-content:space-between;padding:3rem;position:fixed;right:0;top:0;transform:translateX(100vw);transition:.6s ease;visibility:hidden;width:100vw;z-index:9}.mobile-navbar,.mobile-navbar>div{align-items:center;display:flex;flex-direction:column;font-weight:"600"}.mobile-navbar>div{height:100%;justify-content:center;width:100%}.header-socials{margin-top:2rem}@media (max-width:1280px){.header-content{align-items:center;display:flex;margin:0 100px}}@media (max-width:1024px){.header-content{margin:0 50px}.open-header{display:block}.hamburger-menu{height:25px;position:relative;transition:.3s ease;width:25px;z-index:10}.close-mobile:hover,.hamburger-menu:hover{transform:scale(1.1)}.header-content{align-items:center;display:flex}.close-mobile{height:25px;position:relative;transition:.3s ease;width:25px;z-index:10}.header-links{display:none}.mobile-link{align-items:center;color:var(--text-primary-color);display:flex;font-family:Consolas,monaco,monospace;font-size:.9rem;font-weight:450;padding:1rem;text-decoration:none;transition:color 80ms ease-in-out 0ms}.mobile-link:hover{color:var(--primary-color)}.mobile-resume{border:2px solid var(--primary-color);border-radius:5px;color:var(--text-primary-color);font-family:Consolas,monaco,monospace;font-size:.9rem;font-weight:400;margin-top:1rem;padding:.5rem 2rem;transition:color 80ms ease-in-out 0ms}.mobile-resume:hover{background-color:#007bff4d;cursor:pointer;transition:background-color .15s ease-in-out 0ms}}@media (max-width:680px){.header-content{margin:0 25px}}.mobile-icons{align-items:center;display:flex;gap:1rem}.experience-root{background-color:var(--background-color);color:var(--text-primary-color);padding:0 150px 150px}@media (max-width:1280px){.experience-root{padding:80px 100px}}@media (max-width:1024px){.experience-root{padding:80px 50px}}.experience-title{color:var(--primary-color);font-size:60px;line-height:1.2;margin-bottom:6rem;opacity:0;text-align:center;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}@media (max-width:750px){.experience-root{padding:50px 20px}.experience-title{font-size:35px}}.experience-title span{display:inline-block;transition:color .15s ease-out}.experience-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 auto;max-width:1200px}.experience-card{background:var(--surface-color);border-radius:10px;box-shadow:0 3px 8px #0000001a;opacity:0;overflow:hidden;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease,box-shadow .3s ease}.experience-card:hover{box-shadow:0 6px 16px var(--box-shadow-color);transform:translateY(-8px)}.experience-image img{background:linear-gradient(0,var(--background-color)0,var(--primary-color) 150%);display:block;filter:brightness(.95);height:150px;object-fit:scale-down;transition:transform .3s ease,filter .3s ease;width:100%}.experience-card:hover .experience-image img{filter:brightness(1);transform:scale(1.02)}.experience-content{padding:1rem 1.2rem}.experience-position{color:var(--primary-color);font-size:1.1rem;line-height:1.3;margin-bottom:.3rem}.experience-position span{color:var(--secondary-color);font-weight:400}.experience-duration{color:var(--text-secondary-color);font-size:.85rem;line-height:1.2;margin-bottom:.8rem}.experience-description{color:var(--text-primary-color);font-size:.9rem;font-weight:400;letter-spacing:.01em;line-height:1.6;margin-bottom:1rem}.experience-skills{display:flex;flex-wrap:wrap;gap:.4rem}.skill-tag{background-color:var(--accent-color);border-radius:20px;color:var(--cream);font-family:Consolas,monaco,monospace;font-size:.9rem;padding:.35rem .7rem;white-space:nowrap}.fade-in{opacity:1!important;transform:translateY(0)}@keyframes gelatine{0%,to{transform:scale(1)}25%{transform:scale(.8,1.2)}50%{transform:scale(1.2,.8)}75%{transform:scale(.85,1.15)}}@media (max-width:768px){.experience-position{font-size:1rem}.experience-duration{font-size:.8rem;margin-bottom:.6rem}.experience-description{font-size:.85rem}}@media (max-width:500px){.experience-position{font-size:.95rem}.experience-description{font-size:.8rem}.skill-tag{font-size:.7rem}}.experience-title-normal{color:var(--text-primary-color)}.experience-title-animate:hover{animation:gelatine .7s linear;color:var(--secondary-color)}.contact-root{background:linear-gradient(-130deg,var(--background-color) 0,#1f2731 200%);color:var(--text-primary-color);height:-webkit-max-content;height:max-content;padding:100px 150px;width:100%}.contact-outer-ctn{align-items:center;display:flex;justify-content:space-between;width:100%}.right-ctn{width:35%}.left-ctn,.right-ctn{filter:blur(10px);height:100%;opacity:0;transform:translateY(50px);transition:all .5s ease-out}.left-ctn{margin-right:2.5rem;width:65%}.left-ctn .text-ctn{margin-bottom:1rem;padding:10px}.title-ctn{margin-bottom:1rem;text-align:center}.title-ctn>.title{color:var(--text-primary-color);filter:blur(10px);font-size:60px;font-weight:700;margin-bottom:1rem;opacity:0;transform:translateY(50px);transition:all .7s ease-out}.title-ctn>.title>span{display:inline-block}.contact-me-title--animate{color:var(--primary-color)}.contact-me-title--animate:hover{animation:gelatine .7s linear;color:var(--secondary-color);transition:all .1s ease-out 0ms}.title-ctn>.desc{color:var(--text-primary-color);filter:blur(10px);font-size:22px;font-weight:500;line-height:1.75rem;opacity:0;transform:translateY(50px);transition:all .7s ease-out}.title-ctn>.desc>a{color:var(--accent-color)}.contact-form{display:flex;flex-direction:column;position:relative}.contact-form>.first-ctn{display:flex;justify-content:space-between}.contact-form .input-ctn{padding:10px;position:relative;width:100%}.required{color:red!important;font-size:15px;font-weight:500;opacity:1}.contact-form .input{background-color:var(--surface-color);border:none;border-radius:5px;color:var(--text-secondary-color);font-family:Consolas,monaco,monospace;outline:none;padding:2rem 1.2rem .4rem .5rem;position:relative;width:100%}.contact-form .input:focus~label{color:var(--text-primary-color);font-size:12px;left:15px;opacity:1;top:-8px}.contact-form .animated-label{cursor:text;font-size:15px;font-weight:300;left:18px;margin:0;opacity:.5;position:absolute;top:15px;transition:.5s;transition:all .2s ease}.input-ctn>.focus-border{background-color:var(--accent-color);bottom:10px;height:1.5px;left:10px;position:absolute;transition:.25s ease-in;width:0}.contact-form .input:focus~.focus-border,.contact-form .input:hover~.focus-border{width:calc(100% - 20px)}.contact-form textarea{resize:none}.contact-form .submit-btn{align-self:flex-end;background-color:initial;border:2px solid var(--primary-color);border-radius:2px;color:var(--text-primary-color);font-size:15px;font-weight:500;margin:10px;padding:.8rem 0;text-align:center;transition:background-color .15s ease-out 0ms;width:145px}.contact-form .submit-btn:hover{background-color:#007bff4d;cursor:pointer;transition:all 50ms ease-in}.info-ctn{display:flex;flex-direction:column;justify-content:center;margin-bottom:2rem}.icon-ctn{align-items:center;display:flex;font-weight:500;margin-bottom:1.5rem}.icon-ctn>.icon{color:var(--primary-color);height:20px;margin-right:1rem;width:20px}.line{border:1px solid var(--primary-color);width:100%}.socials-ctn{align-items:center;display:flex;justify-content:space-around}.socials-ctn .icon{color:var(--text-secondary-color);height:25px;position:relative;transition:.3s linear;width:25px;z-index:100}.socials-ctn>a:hover .icon{color:var(--cream)!important}.socials-ctn>a{margin-right:1rem;padding:1rem;position:relative;transition:.5s linear;z-index:1}.socials-ctn>a:before{background:#fff;border-radius:50%;content:"";inset:0;position:absolute;transform:scale(0);transition:.3s cubic-bezier(.95,.32,.37,1.21);z-index:1}.socials-ctn>a:hover:before{transform:scale(1)}.socials-ctn>a:first-child:hover:before{background-color:var(--social-icon1)}.socials-ctn>a:nth-child(2):hover:before{background-color:var(--social-icon2)}.socials-ctn>a:nth-child(3):hover:before{background-color:var(--social-icon3)}.socials-ctn>a:nth-child(4):hover:before{background-color:var(--social-icon4)}.fade-up{filter:blur(0)!important;opacity:1!important;transform:translateY(0)!important;transition:all .5s ease-out}@media (max-width:1280px){.contact-outer-ctn{flex-direction:column}.title-ctn{padding:10px;text-align:left}.left-ctn{margin-right:0}.left-ctn,.right-ctn{height:100%;width:100%}.left-ctn{margin-bottom:1em}}@media (max-width:1024px){.contact-root{padding:100px 50px}}@media (max-width:640px){.contact-root{padding:100px 25px}.title-ctn>.title{font-size:20px}.title-ctn>.desc{font-size:15px}.contact-form>.first-ctn{display:flex;flex-direction:column;justify-content:normal}.left-ctn{margin-right:0}.title-ctn{padding:10px;text-align:left}}.spotify-root{background-color:var(--background-color);color:var(--text-primary-color);height:-webkit-fit-content;height:fit-content;padding:200px 300px 10px;position:relative;width:100%}.back-arrow{background-color:var(--surface-color);border-radius:50%;height:50px;left:145px;opacity:.8;padding:15px;position:fixed;top:100px;width:50px}.back-arrow:hover{background-color:var(--primary-color);transition:all .2s ease-out}.project-img-ctn>img{margin-bottom:10px;width:100%}.project-img-ctn-mobile{display:flex;flex-wrap:wrap;gap:20px}.project-img-ctn-mobile>img{margin-bottom:10px;width:35%}.project-img-ctn>video{margin-bottom:10px;min-width:100%;width:100%}.spotify-root .category{color:var(--text-secondary-color);font-size:18px;font-weight:500}.spotify-root .category:after{color:var(--accent-color);content:"‹";margin-left:.5rem}.spotify-root .title{color:var(--text-primary-color);filter:blur(10px);font-size:70px;font-weight:600;margin-bottom:2rem;opacity:0;transition:all .7s ease-out}.spotify-root .about{color:var(--text-secondary-color);font-size:18px;font-weight:500;line-height:1.8rem;margin-bottom:2rem;max-width:800px;opacity:.9}.spotify-root .about>a{color:var(--text-primary-color)}.spotify-root .about>a:hover{background-color:var(--primary-color);color:var(--cream);transition:all .2s ease-out}.project-skills{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem}.project-skills a{animation:bounce 2s ease-in infinite;color:var(--text-primary-color);font-weight:600;position:relative}.project-skills a:hover{background-color:var(--primary-color);color:var(--cream);transition:all .2s ease-out}.project-skills a>span{margin-right:.5rem}.project-skills>div{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:2rem}.project-skills .skill{background-color:var(--accent-color);border-radius:20px 20px 20px 20px;color:var(--cream);filter:blur(10px);font-family:Consolas,monaco,monospace;font-weight:500;min-width:-webkit-max-content;min-width:max-content;opacity:0;padding:.5rem}.project-skills .skill:first-child{transition-delay:.15s}.project-skills .skill:nth-child(2){transition-delay:.25s}.project-skills .skill:nth-child(3){transition-delay:.35s}.project-skills .skill:nth-child(4){transition-delay:.45s}.project-skills .skill:nth-child(5),.project-skills .skill:nth-child(6){transition-delay:.55s}.fade-side{filter:blur(0)!important;opacity:1!important;transition:all .5s ease-out}@keyframes bounce{70%{transform:translateY(0)}80%{transform:translateY(-15%)}90%{transform:translateY(0)}95%{transform:translateY(-7%)}97%{transform:translateY(0)}99%{transform:translateY(-3%)}to{transform:translateY(0)}}@media (max-width:1280px){.spotify-root{padding:200px 150px 10px}}@media (max-width:1024px){.spotify-root{padding:200px 50px 10px}.back-arrow{left:50px}.spotify-root .category{font-size:15px}.spotify-root .title{font-size:50px}.project-skills .skill,.spotify-root .about{font-size:15px}}@media (max-width:640px){.spotify-root .title{font-size:40px}.project-img-ctn-mobile>img{margin-bottom:10px;width:45%}}.App{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100%;margin:0;width:100%}*,:after,:before{box-sizing:border-box}:root{--white:#fff;--cream:#fffefa;--warm-yellow:#ffd166;--primary-color:#007bff;--secondary-color:#0056b3;--background-color:#f8f9fa;--surface-color:#fff;--text-primary-color:#212529;--text-secondary-color:#6c757d;--accent-color:#ff4081;--box-shadow-color:#00000026;--social-icon1:#0077b5;--social-icon2:#6e5494;--social-icon3:#e4405f;--social-icon4:#3b5999}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;background-color:var(--background-color);box-sizing:border-box;color:#212529;color:var(--text-primary-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;transition:background-color 1s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out}.dark-mode{--primary-color:#339aff;--secondary-color:#1a73e8;--background-color:#121212;--surface-color:#1e1e1e;--box-shadow-color:#007bff1a;--text-primary-color:#eaeaea;--text-secondary-color:#a0a0a0;--accent-color:#ff4081}button{all:unset;align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;cursor:pointer;display:inline-flex;justify-content:center}button,button:focus{box-shadow:none;outline:none}.btn-as-link{background-color:initial;border-width:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;padding:0}.code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#fff;color:var(--white);text-decoration:none}.toggle-wrapper{border:2px solid var(--surface-color);border-radius:50px;cursor:pointer;height:35px;position:relative;transition:background-color .3s;-webkit-user-select:none;user-select:none;width:70px}.toggle-knob{align-items:center;background-color:var(--surface-color);border-radius:50%;display:flex;font-size:1rem;height:25px;justify-content:center;left:5px;position:absolute;top:5px;transition:transform .3s;width:25px}.toggle-light{background-color:var(--warm-yellow);color:var(--warm-yellow)}.toggle-dark{background-color:var(--primary-color);color:var(--primary-color)}.toggle-dark .toggle-knob{transform:translateX(35px)}
/*# sourceMappingURL=main.734529b7.css.map*/