@import "https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";
:root{--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;--foreground-rgb:0, 0, 0;--background-start-rgb:214, 219, 220;--background-end-rgb:255, 255, 255;--foreground-rgb-dark:255, 255, 255;--background-start-rgb-dark:0, 0, 0;--background-end-rgb-dark:0, 0, 0;--dm-bg:#18181899;--lm-bg:#fff9;--dm-bg-load:#0f0f0fcc;--lm-bg-load:#f2f2f2cc;--dm-bg-light:#24242499;--lm-bg-dark:#e6e6e699;--dm-bg-2:#0a0a0ab3;--border:2px solid #27272750;--blue:#008cff;--transition:all .3s ease!important}.dm-bg{background:var(--dm-bg)!important}.dm-bg-2{background:var(--dm-bg-2)!important}.lm-bg{background:var(--lm-bg)!important}.dm-bg-light{background:var(--dm-bg-light)!important}.lm-bg-dark{background:var(--lm-bg-dark)!important}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}:after,:before{transition:var(--transition);font-family:Poppins,sans-serif}html,body{transition:var(--transition);scroll-behavior:smooth;max-width:100vw;height:100vh;margin:auto;position:relative;overflow-x:hidden}::-webkit-scrollbar{display:none}.skip-link{color:#fff;transition:var(--transition);background:#319795;padding:4px;font-weight:700;position:absolute;left:50%;transform:translateY(-100%)}.skip-link:focus-within,.skip-link:focus{transform:translateY(0%)}.error{color:#fff;border-radius:var(--border-radius);background-color:red;flex-direction:column;row-gap:1rem;width:100%;height:max-content;margin-block:1rem;padding:1rem;display:flex}.error span{text-transform:uppercase;font-size:1.5rem;font-weight:bolder}.error button{color:#000;cursor:pointer;background:#fff;border:none;border-radius:5px;justify-content:center;align-items:center;width:6rem;height:2rem;font-weight:700;display:flex}.custom-scroll::-webkit-scrollbar{background-color:#0000;width:6px;display:block}.custom-scroll::-webkit-scrollbar-thumb{background-color:#ffffff40;border-radius:.6rem}.custom-scroll::-webkit-scrollbar-track{-webkit-box-shadow:none;background-color:#0000}.dark{transition:var(--transition);color:rgb(var(--foreground-rgb-dark));background:linear-gradient(to bottom, transparent, rgb(var(--background-end-rgb-dark))) rgb(var(--background-start-rgb-dark))}.light{transition:var(--transition);color:#000;background:linear-gradient(to bottom, transparent, rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb))}.strike{opacity:.4;text-decoration:line-through}a{color:inherit;text-decoration:none}#tsparticles{position:absolute}#tsparticles>*{z-index:-999!important}.Typewriter__wrapper,.Typewriter__cursor{color:var(--blue);font-size:.9rem}.drawer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:inherit}.ant-drawer-header{text-align:center}.ant-drawer-close{width:100%;margin-inline:0!important;font-size:1.5rem!important}.ant-drawer-body{padding:0!important}.drawer-info-wrapper{flex-direction:column;align-items:center;row-gap:20px;width:100%;height:auto;padding:1rem;display:flex;overflow:hidden}.drawer-info-img{border-radius:50%}.left-main-info-title,.drawer-info-title{letter-spacing:2px;font-size:1.2rem;font-weight:700}.left-main-info-icons,.drawer-info-icons{gap:15px;font-size:1.2rem;display:flex}.drawer-info-icons>*{cursor:pointer}.drawer-main{flex-direction:column;justify-content:space-between;display:flex}.drawer-links{flex-direction:column;width:100%;font-size:1.2rem;display:flex}.drawer-link{border-bottom:var(--border);padding:1rem 2rem}.drawer-link>span,.drawer-link-theme>div>span{margin-right:20px}.drawer-link-theme{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.drawer-button{border-radius:300px;width:max-content;height:auto;margin:1rem auto;padding-inline:1rem;font-size:1.2rem}.drawer-footer{text-align:center;opacity:.5;margin-block:20px}.main{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow-y:scroll}.main-wrapper{flex-direction:row;justify-self:center;max-width:1800px;display:flex}.left-sidebar-main-content-head,.left-sidebar-main-content-text,.left-sidebar-top-dash{transition:all .3s}.left-sidebar-top:hover .left-sidebar-top-dash,.left-sidebar-top:hover .left-sidebar-top-dash:after,.left-sidebar-top:hover .left-sidebar-top-dash:before{width:2rem;background:var(--blue)!important}.left-sidebar-main-content:hover *,.left-sidebar-main-content.active *{color:var(--blue)}.section-right{align-items:center;width:100%;height:100%;display:flex}.right-main{border:var(--border);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-block:1rem;overflow:hidden scroll}.right-section{flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;display:flex}.right-section-head{border-bottom:var(--border);align-items:center;width:100%;height:4rem;padding-inline:2rem;display:flex}.right-section-head span{font-size:1.3rem;font-weight:700}.right-section-head span:first-letter{color:var(--blue);font-size:1.8rem}.about-container{flex-direction:column;align-items:center;row-gap:1rem;padding-inline:1rem;display:flex}.about-top{text-align:justify;letter-spacing:1.5px;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;padding:1rem;line-height:1.5rem}.myservices-container{grid-template-columns:repeat(2,1fr);width:100%;padding:1rem;display:grid}.myservices-card{text-align:justify;flex-direction:column;row-gap:.5rem;padding:1rem;display:flex}.myservices-icon{border:3px solid var(--blue);aspect-ratio:1;width:4rem;color:var(--blue);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;display:flex}.myservices-title{font-size:1.1rem;font-weight:700}.myservices-text{opacity:.7}.pricing-card{flex-direction:column;justify-content:center;align-items:center;row-gap:1rem;display:flex}.pricing-rate-container{font-size:2.5rem;font-weight:700}.pricing-rate-container sup,.pricing-rate-container sub{margin-inline:5px;font-size:1rem;font-weight:400}.pricing-text-container{opacity:.7;flex-direction:column;justify-content:center;align-items:center;row-gap:.5rem;margin-block:.5rem;font-size:.9rem;display:flex}.pricing-link{transition:var(--transition);margin-block:1rem;font-weight:700}.pricing-link:hover{color:var(--blue)}.skills-card,.resume-card{flex-direction:column;padding:1rem;display:flex}.resume-top{border-bottom:var(--border);align-items:center;gap:1rem;padding-bottom:.5rem;font-weight:700;display:flex}.resume-bottom{flex-direction:column;row-gap:.7rem;margin-block:1rem;padding-block:.5rem;display:flex}.resume-bottom:not(:last-child){border-bottom:var(--border)}.resume-bottom-date{border:var(--border);opacity:.6;border-color:#272727b3;justify-content:center;align-items:center;width:max-content;padding:.2rem;font-size:.8rem;display:flex}.resume-bottom-date.active{color:var(--blue);border-color:var(--blue)}.resume-bottom-course{text-transform:capitalize;transition:var(--transition);font-weight:700}.resume-bottom-course:hover{color:var(--blue)}.resume-bottom-company{opacity:.7;text-transform:capitalize;font-size:.9rem}.resume-bottom-desc{opacity:.7;text-align:justify;font-size:.8rem}.skills-bottom-container{flex-direction:column;row-gap:.5rem;width:100%;padding-block:1rem;display:flex}.skills-bottom-container#backend{text-align:center;grid-template-columns:repeat(2,1fr);justify-content:center;display:grid}.skills-bottom{flex-direction:column;row-gap:.5rem;display:flex}.works-container{grid-auto-rows:auto;display:grid}.works-image-container .ant-image{width:100%;height:100%;display:block}.works-card{cursor:pointer;flex-direction:column;align-items:center;row-gap:.5rem;padding-bottom:.5rem;display:flex;overflow:hidden}.works-image-container{border-radius:var(--border-radius);width:100%;height:10rem;position:relative;overflow:hidden}.works-image-container:after{content:"ℹ";color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:var(--dm-bg-light);justify-content:center;align-items:center;width:100%;height:100%;font-size:4rem;font-weight:700;display:flex;position:absolute;top:30rem;left:0}.works-image{object-fit:cover;transition:var(--transition);width:100%!important;height:100%!important}.works-card:hover .works-image{scale:1.1}.works-card:hover .works-title{color:var(--blue)}.works-card:hover .works-image-container:after{top:0}.works-title{text-align:justify;text-align-last:center;width:100%;transition:var(--transition);padding-inline:1rem;white-space:nowrap;text-overflow:ellipsis;padding-bottom:.5rem;font-size:1.1rem;font-weight:700;overflow:hidden}.getintouch-container,.custom-link-container,.statistics-container{justify-content:center;align-items:center;row-gap:1rem;width:100%;padding-block:1rem;display:flex}.statistics-container{flex-flow:wrap}.statistics-body{border:var(--border);border-radius:var(--border-radius);flex-direction:column;justify-content:center;width:30%;min-width:100px;min-height:4.5rem;margin-inline:auto;padding:.6rem 1rem;display:flex}.statistics-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:auto;font-weight:600;overflow:hidden}.statistics-value{opacity:.8;margin-top:auto;font-size:.9rem}.custom-link-container{flex-direction:column;padding-inline:1rem}.custom-link-body{border:var(--border);border-radius:var(--border-radius);width:100%;height:4.5rem;transition:var(--transition);align-items:center;gap:1rem;padding:.5rem;display:flex;position:relative}.custom-link-left{aspect-ratio:1;border-radius:var(--border-radius);border:var(--border);border-width:.5px;justify-content:center;align-items:center;height:100%;font-size:1.8rem;display:flex}.custom-link-right{flex-direction:column;justify-content:center;width:100%;height:100%;display:flex}.custom-link-title{transition:var(--transition);font-size:1.1rem;font-weight:600}.custom-link-value{opacity:.7;font-size:.9rem}.custom-link-title:hover{color:var(--blue)}.custom-link-top{border:var(--border);z-index:4;color:#fff;background:#000;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:none;position:absolute;top:-5px;right:-5px}.custom-link-body:hover .custom-link-top{display:flex}.getintouch-container{flex-direction:column}.getintouch-top{border-radius:var(--border-radius);border:none;width:96%;height:14rem}.getintouch-bottom{flex-wrap:wrap;row-gap:.5rem;padding:1rem;display:flex}.getintouch-body{width:50%}.getintouch-title{font-size:1rem;font-weight:600}.getintouch-value{word-break:break-all;opacity:.8;font-size:.85rem}.ant-modal-header,.ant-modal-footer{display:none}.ant-modal-close{color:#fff!important;background-color:#000!important;border-radius:50%!important}.ant-modal-content{height:100vh;border-radius:0!important;padding:0!important;overflow-y:scroll!important}.modal-main{padding:1rem}.modal-image-container-top,.modal-image-container{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.modal-image-container-top img,.modal-image-container img,.ant-image{object-fit:cover;object-position:center;width:100%;height:100%}.modal-creation,.modal-header{flex-direction:column;gap:.5rem;width:100%;margin-bottom:1rem;display:flex}.modal-title{text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;letter-spacing:1.2px;padding-block:.5rem;font-size:1.3rem;font-weight:700;overflow:hidden}.modal-links{align-items:center;gap:1rem;display:flex}.modal-githublink,.modal-weblink{color:#fff;text-transform:capitalize;border-radius:10rem;justify-content:center;align-items:center;gap:.5rem;width:6.5rem;padding:.2rem;font-weight:700;display:flex}.modal-githublink:hover,.modal-weblink:hover{color:#f5f5f5}.modal-weblink{background:var(--blue)}.modal-githublink{background-color:#000}.modal-createdby,.modal-date{letter-spacing:1.5px}.modal-createdby span,.modal-date span{opacity:.7}.modal-note{color:#fff;border-left:5px solid var(--blue);background-color:#000;padding:1rem;font-style:italic}.modal-body{flex-direction:column;row-gap:1rem;padding-block:1rem;display:flex}.modal-body-heading{margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.modal-tech,.modal-actions{margin-left:1rem;list-style-position:outside}.modal-image-grid{flex-direction:column;row-gap:1rem;display:flex}.modal-image-grid .modal-image-container{border-radius:var(--border-radius);overflow:hidden}.add-image{flex-direction:column;width:100%;margin-block:1rem;display:flex}.add-image-link{white-space:nowrap;text-overflow:ellipsis;opacity:.7;width:100%;padding-inline:2rem;font-size:.7rem;overflow:hidden}.collection-create-form_last-form-item{margin-bottom:0}@media screen and not (max-width:1100px){.ant-modal{width:800px!important;height:100vh!important}.modal-creation,.modal-header{flex-direction:row}.modal-title{flex:3}.modal-createdby,.modal-date,.modal-links{flex:1}.modal-body{flex-direction:row}.modal-body-left{flex:1}.modal-body-right{flex:2}.drawer-toggler{display:none}.main-wrapper{width:80vw;height:80vh}.section-left{flex-direction:row;flex:5;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;min-height:600px;max-height:700px;display:flex}.left-sidebar{flex-direction:column;flex:1;row-gap:2rem;width:100%;height:90%;display:flex}.left-sidebar-top{aspect-ratio:1;border:var(--border);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;justify-content:center;align-items:center;width:100%;min-height:3rem;display:flex}.left-sidebar-top-dash{border-radius:10px;width:2rem;height:.2rem;position:relative}.left-sidebar-top-dash:before,.left-sidebar-top-dash:after{content:"";background:inherit;border-radius:10px;width:1.5rem;height:.2rem;position:absolute}.left-sidebar-top-dash:before{top:-7px}.left-sidebar-top-dash:after{top:7px}.left-sidebar-main{border:var(--border);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;flex-direction:column;align-items:center;width:100%;height:auto;display:flex}.left-sidebar-main-content{aspect-ratio:1;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.left-sidebar-main-content-text{font-size:.7rem}.left-sidebar-main-content:not(:last-child){border-bottom:var(--border)}.left-main{border:var(--border);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;flex-direction:column;flex:6;align-items:center;width:100%;min-width:300px;height:100%;display:flex;position:relative}.left-main-top{text-align:center;flex-direction:column;align-items:center;row-gap:1rem;width:100%;padding:1rem;display:flex}.left-main-info-img{box-sizing:content-box;border:var(--border);border-width:5px;border-radius:50%}.left-main-info-title{font-size:1.6rem}.left-main-mid{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;height:auto;padding:1rem;display:flex}.left-main-bottom{border-top:var(--border);width:100%;height:4rem;margin-top:auto;display:flex}.left-main-bottom-link{cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;transition:all .3s;display:flex}.left-main-bottom-link:first-child{border-right:var(--border)}.left-main-bottom-link:hover{color:var(--blue)}.section-right{flex:7;min-height:600px;max-height:700px}.right-main{width:100%;height:90%;padding:1rem;translate:-10px}.works-container{gap:1rem;margin:1rem;grid-template-columns:repeat(2,1fr)!important}}@media screen and (0<=width<=1100px){.main-wrapper{width:94vw;height:100vh}.section-left{flex:0;display:none}.section-right{flex:12}.right-main{width:100%;height:92%;max-height:900px}.drawer-toggler{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--border);z-index:99;border-radius:10px;padding:1rem;display:block;position:fixed;top:10px;right:10px}.right-section-head{justify-content:center}.about-top{font-size:.8rem}.getintouch-body{width:100%}}@media screen and (max-width:1100px){.works-container{grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem}}@media screen and (max-width:850px){.works-container{grid-template-columns:repeat(2,1fr);gap:2rem;margin:1rem}}@media screen and not (max-width:550px){.myservices-card:first-child,.myservices-card:nth-child(2){border-bottom:var(--border)}.resume-card:first-child,.pricing-card:first-child,.skills-card:nth-child(odd),.myservices-card:nth-child(odd){border-right:var(--border)}}@media screen and (max-width:550px){.myservices-container{grid-template-columns:repeat(1,1fr)}.myservices-card{text-align:center;align-items:center}.pricing-card:first-child,.myservices-card:not(:last-child){border-bottom:var(--border);margin-bottom:.5rem}.works-container{grid-template-columns:repeat(1,1fr);gap:2rem;margin:1rem}}