@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap);:root{--background-color:#eef7ff;--text-color:#4d869c;--text-color-highlight:#3d6cb9;--text-color-on-hover:#008170;--button-color:#00d1ff;--button-text-color:#eee;--button-color-hover:#00d1ff;--button-text-color-hover:#000;--button-text-color-hover-shadow:#8c8c73;--cursor-dot-color:#000;--cursor-glow-color:var(--button-color);--cursor-dot-size:7px;--cursor-dot-size-hover:10px;--cursor-glow-size:46px;--cursor-glow-size-hover:64px;--cursor-glow-opacity-1:0.22;--cursor-glow-opacity-2:0.12;--cursor-glow-opacity-3:0.04;--cursor-dot-shadow-1:0.75;--cursor-dot-shadow-2:0.45;--nav-bar-height:10vh}.dark-theme{--background-color:#232d3f;--text-color:#32e0c4;--text-color-highlight:orange;--text-color-on-hover:#00d1ff;--button-color:#0d7377;--button-text-color:#eee;--button-color-hover:#32e0c4;--button-text-color-hover:#212121;--button-text-color-hover-shadow:lime;--cursor-dot-color:var(--button-text-color);--cursor-glow-color:var(--text-color-on-hover);--cursor-glow-opacity-1:0.28;--cursor-glow-opacity-2:0.14;--cursor-glow-opacity-3:0.06;--cursor-dot-shadow-1:0.9;--cursor-dot-shadow-2:0.6}button{background-color:#00d1ff;background-color:var(--button-color);border:none;color:#eee;color:var(--button-text-color);cursor:pointer;padding:10px 20px;transition:background-color .3s,color .3s}button:hover{opacity:.9}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eef7ff;background-color:var(--background-color);color:#4d869c;color:var(--text-color);margin:0;padding:0;scroll-behavior:smooth;transition:background-color .3s,color .3s}body,h1,h2,h3,h4,h5,h6{font-family:Fira Code,monospace;font-optical-sizing:auto;font-style:normal;font-weight:400}body,html{height:100%}body{background:#eef7ff;background:var(--background-color);background-attachment:fixed;background-image:linear-gradient(90deg,#00000014 1px,#0000 0),linear-gradient(180deg,#00000014 1px,#0000 0);background-size:46px 46px;overflow-x:hidden;position:relative}.dark-theme body{background-image:linear-gradient(90deg,#ffffff1a 1px,#0000 0),linear-gradient(180deg,#ffffff1a 1px,#0000 0)}body:before{background:radial-gradient(circle at 20% 25%,color-mix(in srgb,#00d1ff 28%,#0000),#0000 55%);background:radial-gradient(circle at 20% 25%,color-mix(in srgb,var(--button-color) 28%,#0000),#0000 55%);filter:blur(18px);inset:-180px;opacity:.85}body:after,body:before{content:"";pointer-events:none;position:fixed;z-index:-1}body:after{background:radial-gradient(circle at 80% 70%,color-mix(in srgb,#008170 22%,#0000),#0000 60%);background:radial-gradient(circle at 80% 70%,color-mix(in srgb,var(--text-color-on-hover) 22%,#0000),#0000 60%);filter:blur(22px);inset:-200px;opacity:.65}.App{height:100vh;text-align:center;width:100%}.main{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}@media screen and (max-width:600px){html{font-size:100%}.main{padding:0}}@media screen and (max-width:1200px){.App{width:100vw}#page-body{height:100%;padding:2rem 4rem}.information{width:100%}.main{width:100vw}}@media (hover:none) and (pointer:coarse){.cc-dot,.cc-glow{display:none}}.cc-dot{background:color-mix(in srgb,var(--cursor-dot-color) 92%,#0000);box-shadow:0 0 8px color-mix(in srgb,var(--cursor-glow-color) calc(var(--cursor-dot-shadow-1)*100%),#0000),0 0 18px color-mix(in srgb,var(--cursor-glow-color) calc(var(--cursor-dot-shadow-2)*100%),#0000);height:var(--cursor-dot-size);width:var(--cursor-dot-size);z-index:999999}.cc-dot,.cc-glow{border-radius:999px;left:0;pointer-events:none;position:fixed;top:0;transform:translate3d(-9999px,-9999px,0);will-change:transform,width,height}.cc-glow{background:radial-gradient(circle,color-mix(in srgb,var(--cursor-glow-color) calc(var(--cursor-glow-opacity-1)*100%),#0000) 0,color-mix(in srgb,var(--cursor-glow-color) calc(var(--cursor-glow-opacity-2)*100%),#0000) 35%,color-mix(in srgb,var(--cursor-glow-color) calc(var(--cursor-glow-opacity-3)*100%),#0000) 55%,#0000 70%);filter:blur(2px);height:var(--cursor-glow-size);opacity:1;transition:width .18s ease,height .18s ease,opacity .18s ease;width:var(--cursor-glow-size);z-index:999998}html.cursor-hover .cc-dot{box-shadow:0 0 12px color-mix(in srgb,var(--cursor-glow-color) 95%,#0000),0 0 26px color-mix(in srgb,var(--cursor-glow-color) 70%,#0000);height:var(--cursor-dot-size-hover);width:var(--cursor-dot-size-hover)}html.cursor-hover .cc-glow{height:var(--cursor-glow-size-hover);width:var(--cursor-glow-size-hover)}@media (prefers-reduced-motion:reduce){.cc-glow{transition:none}}.unique{flex-direction:row;gap:15px}.unique,nav{display:flex}nav{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);height:var(--nav-bar-height);justify-content:space-between;padding:0 3%;position:fixed;width:100%;z-index:3}nav h4{align-items:flex-start;padding-left:20px}nav ul{margin:0;padding-left:0}nav li{display:inline-block;font-weight:700;padding:24px 32px 24px 0}.nav-bar-text{color:var(--text-color);font-weight:600;text-decoration:none}.nav-bar-text:hover{border-bottom:3px solid var(--text-color-on-hover);color:var(--text-color-on-hover);cursor:pointer;font-weight:700;transform:scale(3)}.nav-bar-menu-opened,.topnav li:last-child{display:none}@media screen and (max-width:991px){.topnav li:not(:last-child){display:none}nav{height:-webkit-max-content;height:max-content;padding:0 0 0 5%;width:100%}.topnav li:last-child{display:block;float:right}.mainicon{color:var(--text-color)}.topnav.responsive li{display:inline-block;float:none;text-align:left}.nav-bar-menu-opened{align-items:flex-start;animation:fadeIn .3s ease-in-out;background-color:#000000bf;display:flex;flex-direction:row;height:100vh;justify-content:space-between;left:0;position:absolute;top:0;width:100vw;z-index:11}.nav-bar-menu-sidetab{background-color:var(--background-color);border:.5px solid var(--button-text-color);box-shadow:0 4px 15px #00000040;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding-top:20px;position:relative;width:80%;z-index:11}.nav-bar-text-on-sidetab{color:var(--text-color);font-size:20px;font-weight:600;padding:0;text-decoration:none}.nav-bar-text-on-sidetab:hover{color:var(--text-color-on-hover);font-weight:700;text-decoration:underline}.nav-bar-menu-sidetab li{padding-left:15%;text-align:left}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.close-button-area{flex-direction:row;justify-content:flex-end;padding-top:20px;width:20%}}.main-page{align-items:center;display:flex;height:100vh;justify-content:center;padding:20vh 4% 5%;width:100%}.profile-wrapper{align-items:flex-start;display:flex;flex-direction:column;gap:20px;text-align:start;width:50%}.profile-name{align-items:center;display:flex;flex-direction:row;gap:10px}.profile-wrapper h3,h5{color:var(--text-color)}.start-page-info{align-items:center;display:flex;flex-direction:row;gap:2%;width:100%}.unique-icon-start{color:var(--text-color-highlight)}.view-more-btn:hover{transform:scale(1.25)}.main-page-image-start{align-items:center;display:flex;height:100%;justify-content:center;width:50%}#carouselExampleControls{width:100%}.start-cv-btn{font-weight:400}.start-cv-btn:hover{font-weight:600}@media screen and (max-width:767px){.main-page{flex-direction:column-reverse;height:100vh;padding:15vh 0 0;width:100%}.profile-wrapper{align-items:center;padding:5%;width:100%}.main-page-image-start{height:50vh;object-fit:cover;padding:1.5% 1.5% 8%;width:100%}}@media screen and (min-width:768px) and (max-width:1023px){.main-page{flex-direction:column-reverse;height:100vh;padding:15vh 0 0;width:100%}#carouselExampleControls,.carousel-inner,.carousel-item,.main-page-image-star{height:100%;width:100%}.profile-wrapper{align-items:center;padding:5%;width:100%}.main-page-image-start{height:50vh;object-fit:cover;padding:1.5% 1.5% 8%;width:100%}}.hero{display:flex;justify-content:center;min-height:100vh;overflow:hidden}.hero,.hero-inner{align-items:center;position:relative}.hero-inner{grid-gap:clamp(18px,3vw,48px);display:grid;gap:clamp(18px,3vw,48px);grid-template-columns:1.1fr .9fr;width:min(1100px,92vw);z-index:2}.hero-grid{background-image:linear-gradient(90deg,#00000014 1px,#0000 0),linear-gradient(180deg,#00000014 1px,#0000 0);background-size:46px 46px;inset:0;opacity:.22;position:absolute;transform:translateZ(0)}.dark-theme .hero-grid{background-image:linear-gradient(90deg,#ffffff1a 1px,#0000 0),linear-gradient(180deg,#ffffff1a 1px,#0000 0);opacity:.18}.hero-glow{background:radial-gradient(circle at 20% 25%,color-mix(in srgb,var(--button-color) 28%,#0000),#0000 55%);filter:blur(18px);inset:-180px;opacity:.85;position:absolute;z-index:1}.hero-left{display:flex;flex-direction:column;gap:14px}.hero-kicker{align-items:center;color:var(--text-color);display:inline-flex;font-weight:600;gap:10px;letter-spacing:.2px;opacity:.9}.hero-dot{background:var(--text-color-on-hover);border-radius:999px;box-shadow:0 0 18px color-mix(in srgb,var(--text-color-on-hover) 55%,#0000);height:10px;width:10px}.hero-title{color:var(--text-color);font-size:clamp(34px,4.6vw,60px);font-weight:800;line-height:1.05;margin:0}.hero-title-accent{-webkit-text-fill-color:#0000;animation:heroGradient 6s linear infinite;background:linear-gradient(90deg,var(--text-color-highlight),var(--button-color),var(--text-color-on-hover));-webkit-background-clip:text;background-size:200% auto}@keyframes heroGradient{to{background-position:200%}}.hero-subtitle{color:var(--text-color);font-size:1.05rem;line-height:1.6;margin:0;max-width:54ch;opacity:.9}.hero-cta{display:flex;gap:12px;margin-top:8px}.hero-btn{border:none;border-radius:14px;font-weight:800;letter-spacing:.2px;padding:12px 16px;transition:box-shadow .2s ease,transform .2s ease,background .2s ease;will-change:transform}.hero-btn.primary{background:var(--button-color);box-shadow:0 10px 30px color-mix(in srgb,var(--button-color) 35%,#0000);color:var(--button-text-color)}.hero-btn.secondary{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:color-mix(in srgb,var(--button-color) 10%,#0000);color:var(--text-color);outline:1px solid color-mix(in srgb,var(--text-color) 20%,#0000)}.hero-btn:hover{box-shadow:0 14px 40px color-mix(in srgb,var(--button-color) 35%,#0000)}.hero-meta{align-items:center;display:inline-flex;font-weight:600;gap:10px;margin-top:8px;opacity:.85}.hero-link,.hero-meta{color:var(--text-color)}.hero-link{text-decoration:none}.hero-link:hover{color:var(--text-color-on-hover);text-shadow:0 0 14px color-mix(in srgb,var(--text-color-on-hover) 45%,#0000)}.hero-sep{opacity:.5}.hero-right{align-items:center;display:flex;justify-content:center;position:relative}.hero-card{background:color-mix(in srgb,var(--background-color) 85%,#fff);border-radius:24px;box-shadow:0 22px 70px #00000024;outline:1px solid color-mix(in srgb,var(--text-color) 18%,#0000);overflow:hidden;position:relative;width:min(440px,92vw)}.dark-theme .hero-card{background:color-mix(in srgb,var(--background-color) 92%,#000);box-shadow:0 22px 70px #00000059}.hero-card-top{border-bottom:1px solid color-mix(in srgb,var(--text-color) 14%,#0000);padding:18px 18px 12px}.hero-pill{background:color-mix(in srgb,var(--button-color) 18%,#0000);border-radius:999px;display:inline-flex;font-size:.9rem;font-weight:800;padding:6px 10px}.hero-mini,.hero-pill{color:var(--text-color)}.hero-mini{font-weight:650;margin-top:10px;opacity:.9}.hero-card-mid{grid-gap:10px;display:grid;gap:10px;padding:14px 18px}.hero-stat{background:color-mix(in srgb,var(--button-color) 10%,#0000);border-radius:16px;outline:1px solid color-mix(in srgb,var(--text-color) 14%,#0000);padding:12px}.hero-stat-num{color:var(--text-color-highlight);font-weight:900;letter-spacing:.2px}.hero-stat-label{color:var(--text-color);font-weight:650;margin-top:6px;opacity:.9}.hero-card-bottom{height:170px;padding:12px 18px 18px;position:relative}.chip{background:color-mix(in srgb,var(--background-color) 75%,#fff);border-radius:999px;box-shadow:0 14px 30px #0000001a;color:var(--text-color);font-size:.92rem;font-weight:800;outline:1px solid color-mix(in srgb,var(--text-color) 16%,#0000);padding:8px 10px;position:absolute;white-space:nowrap}.dark-theme .chip{background:color-mix(in srgb,var(--background-color) 85%,#000);box-shadow:0 18px 40px #00000059}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.float-1{animation:floaty 5.6s ease-in-out infinite;left:50px;top:18px}.float-2{animation:floaty 6.2s ease-in-out infinite;right:50px;top:18px}.float-3{animation:floaty 6.8s ease-in-out infinite;bottom:22px;left:40px}.float-4{animation:floaty 5.9s ease-in-out infinite;bottom:68px;right:18px}.float-5{animation:floaty 7.1s ease-in-out infinite;bottom:68px;left:10px}.float-6{bottom:22px;right:46px}.float-6,.float-7{animation:floaty 7.4s ease-in-out infinite}.float-7{bottom:70px;left:140px}.orb{border-radius:999px;filter:blur(.5px);opacity:.8;position:absolute;z-index:-1}.orb-1{background:radial-gradient(circle,color-mix(in srgb,var(--button-color) 35%,#0000),#0000 60%);height:140px;right:-26px;top:-26px;width:140px}.orb-2{background:radial-gradient(circle,color-mix(in srgb,var(--text-color-on-hover) 30%,#0000),#0000 60%);bottom:-40px;height:180px;left:-40px;width:180px}@media (max-width:900px){.hero{height:-webkit-max-content;height:max-content;margin-top:var(--nav-bar-height);min-height:130vh}.hero-inner{display:flex;flex-direction:column-reverse;grid-template-columns:1fr;padding:0;width:100%}.hero-right{height:-webkit-max-content;height:max-content;margin-bottom:10px;order:-1}}@media (prefers-reduced-motion:reduce){.chip,.hero-title-accent{animation:none}}.page-body-about{align-items:center;display:flex;height:100vh;justify-content:center;padding:15% 4% 8%;width:100%}.main-home-page-about{display:flex;flex-direction:row;flex-wrap:wrap;gap:3%}.images{width:37%}.blue-bg-outer,.images{align-items:center;aspect-ratio:1/1;border-radius:50%;display:flex;justify-content:center}.blue-bg-outer{background-color:var(--text-color);width:100%}.white-bg{align-items:center;background:var(--background-color);display:flex;justify-content:center}.blue-bg,.white-bg{aspect-ratio:1/1;border-radius:50%;width:93%}.blue-bg{background:#000}.blue-bg img{aspect-ratio:1/1;border-radius:50%;object-fit:cover;position:relative;width:100%}.information{align-items:flex-end;display:flex;flex-direction:column;font-family:Times New Roman,Times,serif;width:60%}.information .information-name,span{color:var(--text-color);text-align:right}.information-name{font-size:2.9rem}.aboutme-description{color:var(--text-color);font-size:1.15rem;font-weight:600;text-align:right}.tech-stack-animation{color:var(--text-color-highlight)}.information-name{color:var(--text-color);margin-right:0}.animated_text{display:flex;flex-direction:row;justify-content:flex-end;width:100%}.animated_text>h1{-webkit-text-stroke:1px #18134c;animation:backcolor 7s linear infinite;-webkit-background-clip:text;background-clip:none;background-image:linear-gradient(90deg,red,orange,#ff0);background-position:-500px 0;background-repeat:no-repeat;color:#0000;font-family:Fira Code,monospace;font-size:3.5rem;font-weight:700}@keyframes backcolor{to{background-position:0 0}}.otherLink{justify-content:flex-end;width:100%}.otherLink,.otherLink>a{display:flex;flex-direction:row;gap:10px}.otherLink>a{align-items:center;border:2px solid var(--text-color);border-radius:20px;color:var(--text-color);font-family:Fira Code,monospace;font-optical-sizing:auto;font-style:normal;font-weight:400;height:100%;justify-content:center;padding:10px;text-decoration:none}.otherLink a:hover{background-color:var(--button-color-hover);border:2px solid var(--text-color-on-hover);color:var(--button-text-color-hover);text-shadow:0 0 10px var(--button-text-color-hover-shadow);transform:scale(1.025);.links-icon{color:var(--button-text-color-hover)}}.start-cv-btn{background-color:var(--button-color);border:0;border-radius:25px;color:var(--button-text-color);font-family:Fira Code,monospace;font-optical-sizing:auto;font-size:1rem;font-style:normal;font-weight:700;margin-top:1.5rem;padding:.7em 2.5em}.start-cv-btn:hover{background-color:var(--button-color-hover);box-shadow:0 0 10px #72ffff;color:var(--button-text-color-hover);font-weight:700;transform:scale(1.25);transition:all .3s ease-in-out}@media screen and (max-width:991px){.page-body-about{padding-top:15vh;width:100vw}.main-home-page-about,.page-body-about{height:-webkit-max-content;height:max-content}.main-home-page-about{flex-direction:column;gap:20px;padding:0;width:100%}.images{width:100%}.information{align-items:center;flex-direction:column;justify-items:center;width:100%}.information h1{padding:2%;text-align:center}span{margin-left:0}.otherLink{flex-direction:column}}#presentative-image{object-fit:fill}@media only screen and (max-width:600px){#carouselExampleControls{width:100%}}#page-body{height:100vh}.page-body-edu{align-items:center;display:flex;height:100%;justify-content:center;padding:15vh 4% 8%;width:100%}.education{display:flex;flex-direction:row;height:-webkit-max-content;height:max-content;justify-content:space-between;width:100%}.main-page-image{align-items:center;display:flex;height:60vh;justify-content:center;width:47%}#carouselExampleControls{border-radius:15px;box-shadow:10px 12px 30px var(--text-color);height:100%;width:90%}#presentative-image,.carousel-inner,.carousel-item{border-radius:15px;height:100%;width:100%}#presentative-image{object-fit:cover}.education-box{border:3px solid var(--text-color);border-radius:15px;height:-webkit-max-content;height:max-content;padding:15px;text-align:left;width:47%}.education-box h1,h4{margin:0}.edu-details,.school-name{color:var(--text-color-highlight);font-weight:700}.school-location{color:var(--text-color);font-weight:600}.education-box ul{font-weight:600;margin:0 0 10px}@media screen and (max-width:1024px){.page-body-edu{height:-webkit-max-content;height:max-content;width:100%}.education{align-items:center;display:flex;flex-direction:column;gap:5rem;justify-content:center;width:100%}.main-page-image{height:40vh;width:100%}.education-box{width:100%}}.page-body-skills{display:flex;flex-direction:row;gap:1%;height:-webkit-max-content;height:max-content;justify-content:center;padding:15vh 4% 5%;width:100%}.chart-of-skills-frame{aspect-ratio:1/1;display:flex;justify-content:center;width:49%}.skill-set-components{width:50%}.skills-set-component{align-items:flex-start;display:flex;flex-direction:column;width:100%}.skills-block{grid-gap:2%;display:grid;gap:2%;grid-template-columns:48% 48%}.skills-set-component-h2{color:var(--text-color);font-style:italic;font-weight:600}.individual-skill-set{border:2px solid var(--text-color);border-radius:20px;font-weight:500;padding:10px;width:100%}.individual-skill-set:hover{background-color:var(--button-color)}.skill-stack-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}@media screen and (max-width:1024px){.page-body-skills{flex-direction:column;width:100%}.chartOfSkills{display:flex;flex-direction:column;gap:10px}.chart-of-skills-frame{display:flex;justify-content:center;width:100%}.skill-set-components{width:100%}.skills-block{grid-gap:20px;display:grid;gap:20px;grid-template-columns:100%}}.page-body-works{align-items:center;display:flex;height:-webkit-max-content;height:max-content;justify-content:center;padding:15vh 4% 5%;width:100%}.work-page{flex-direction:row;font-weight:600;height:100%}.infoWorks,.work-page{display:flex;width:100%}.infoWorks{align-items:center;flex-direction:column;text-align:start}.infoWorks h1{color:var(--text-color);margin-bottom:2rem}.professional-work-title{display:flex;justify-content:center}.company-position,.internship{display:flex;flex-direction:row}.company-position{align-items:center;justify-content:space-between;padding-left:10px;width:95%}.left{align-items:flex-start;justify-content:flex-start}.left,.right{display:flex;flex-direction:column}.right{align-items:flex-end;justify-content:flex-end}.bio-box{border-radius:15px;height:4em;width:4em}.timeline,.work-experience-timeline{width:100%}.timeline li{display:flex}.w-e-time{color:var(--text-color);font-weight:500;padding:0 1.5em;position:relative;text-align:right;width:33%}.w-e-job{border-left:2.5px solid var(--text-color);cursor:pointer;padding:.25em 1.5em 1.5em;position:relative;width:67%;z-index:1}.w-e-job:hover{border-left:2.5px solid red}.w-e-time:after{top:0;translate:57% -5%;width:.85em}.timeline li:last-child>.w-e-time :after,.w-e-time:after{aspect-ratio:1/1;background:var(--text-color);border:1px solid #ccc;border-radius:50%;content:"";position:absolute;right:0;z-index:2}.timeline li:last-child>.w-e-time :after{bottom:0;translate:57% 5%;width:.55em}.left h3{color:var(--text-color);font-weight:500}.left h5{color:var(--text-color-highlight);font-style:italic;font-weight:600}.timeline .w-e-job:before{content:"";height:100%;left:0;position:absolute}.timeline{margin:1em}.timeline,.timeline :after,.timeline :before{box-sizing:border-box;font-family:arial}.we-to-display-work{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#000000bf;display:block;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.not-we-to-display-work{display:none}.work-box{background-color:#000;border-radius:8px;box-shadow:0 4px 15px #00000040;height:80vh;overflow-y:auto;position:relative;width:80%}.work-detail-main-page{background-color:var(--background-color);height:-webkit-max-content;height:max-content;min-height:100%;position:relative;width:100%}.w-d-job-details{height:100;padding:3% 7%;width:100%}.w-d-job-details-heading{display:flex;flex-direction:row;gap:3em;margin-bottom:3em}.w-d-job-details-heading .w-d-job-details-role{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.w-d-job-details-role>p{font-size:2.25em}.w-d-job-details-company-highlight{color:var(--text-color-highlight);font-weight:600}.w-d-job-image-frame{aspect-ratio:1/1;border-radius:15px;display:flex;justify-content:center;width:15%}.w-d-job-image{border-radius:15px;height:100%;width:100%}.w-d-job-details-description{align-items:flex-start;display:flex;flex-direction:column}.w-d-job-details-description-bulletpoin{background-color:var(--background-color)}.w-d-job-details-description-bulletpoint h3,.w-d-job-details-description-bulletpoint ul{text-align:left}.w-d-job-details-description-bulletpoint ul li{font-size:18px;font-weight:500}@media screen and (max-width:768px){.page-body-works{width:100vw}.company-position{display:flex;flex-direction:column}.imageWorks{display:none}.infoWorks{color:#18134c;width:100%}.professional-work-title h1{font-size:1.65em}.timeline{margin:0;padding:0}.w-e-time{padding:0 10px}.w-e-time h4{font-size:1em;font-weight:600}.w-d-job-details{padding:3%}.w-d-job-details-description{padding:0}.work-box{height:83%;width:90%}.w-d-job-details-heading{display:flex;flex-direction:column;gap:3em;margin-bottom:3em}}.page-body-projects{align-items:center;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;justify-content:center;padding:10vh 4% 5%;width:100%}.filter{display:none;position:relative}.filter-area-show{display:block}.tech-stack-list{display:flex;flex-wrap:wrap;gap:7px}.tech-stack-element-filter-button{white-space:nowrap}.tech-stack-element,.tech-stack-element-clicked{background-color:var(--button-color)}.tech-stack-element{border:2px solid var(--button-text-color);border-radius:20px;color:var(--button-text-color);margin:0;padding:10px 15px;text-decoration:none;white-space:nowrap}.projects-portion-title-frame{height:-webkit-max-content;height:max-content}.projects-portion-title{font-weight:700}.project-blog-box{display:flex;flex-direction:row;gap:7px;height:-webkit-max-content;height:max-content;justify-content:center;width:100%;z-index:1}.project-blog-box>p{font-weight:600;margin-bottom:0}.project-wrap{display:flex;flex-direction:row;gap:2%;padding:2% 0;width:100%}.project-list-tab{-webkit-backdrop-filter:hue-rotate(30deg);backdrop-filter:hue-rotate(30deg);border:.5px solid var(--text-color);border-radius:20px;color:var(--text-color);display:flex;flex-direction:column;gap:10px;height:-webkit-max-content;height:max-content;padding:3% 3.5%;width:32%;z-index:1}.project-list-tab-title{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.project-clicked{background-color:var(--button-color);color:var(--button-text-color)}.project-list-tab:hover{-webkit-backdrop-filter:hue-rotate(30deg);backdrop-filter:hue-rotate(30deg)}.project-on-toDisplay{border:2px solid var(--text-color);border-radius:20px;font-weight:700;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5px 10px;text-decoration:none}.project-on-toDisplay:hover{background-color:var(--button-color-hover);border:3px solid var(--text-color);color:var(--button-text-color-hover);text-shadow:0 0 10px var(--button-text-color-hover-shadow);transform:scale(1.1)}.project-list-tab-header{color:var(--text-color);font-weight:700;margin:0}.project-list-tab-list-of-projects-onSmallDevice{display:none}.projectbox-to-display-work{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#000000bf;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:11}.not-projectbox-to-display-work{display:none}.work-box-close-button{justify-self:flex-end;position:absolute;right:2vh;top:2vh}.project-box{background-color:#000;border:.5px solid var(--text-color);border-radius:8px;box-shadow:0 4px 15px #00000040;height:80%;overflow-y:auto;position:relative;width:80%;z-index:11}.project-list-tab-list-of-projects{display:flex;flex-direction:column;gap:2%;padding:4% 7% 2%}.project-render-wrap{align-items:center;display:flex;flex-direction:column;gap:2%;width:68%;z-index:1}.project-render-first-block{display:flex;flex-direction:row;height:-webkit-max-content;height:max-content;justify-content:space-between;width:100%}.project-render-src{border-radius:20px;object-fit:cover;width:69%}.project-render-src-here{aspect-ratio:16/9;border-radius:20px;width:100%}.project-name-and-participant{display:flex;flex-direction:column;justify-content:space-between;width:29%}.project-name,.project-participant{-webkit-backdrop-filter:hue-rotate(30deg);backdrop-filter:hue-rotate(30deg);border:.5px solid var(--text-color);border-radius:20px;color:var(--text-color);height:48%;padding:5%}.project-name h4{color:var(--text-color)}.project-description,.project-tech-stack{border-radius:20px;width:100%}.project-description{-webkit-backdrop-filter:hue-rotate(30deg);backdrop-filter:hue-rotate(30deg);border:.5px solid var(--text-color);padding:2%}.go-Live-Buttons{display:flex;flex-direction:row;gap:10px}@media screen and (max-width:768px){.page-body-projects{gap:20px;height:-webkit-max-content;height:max-content;width:100vw}.project-wrap{flex-direction:column;padding:2%}.project-list-tab{width:100%}.project-list-tab-list-of-projects-onSmallDevice{display:block}.project-list-tab-list-of-projects-onLargeDevice{display:none}.project-render-wrap{height:-webkit-max-content;height:max-content;width:100%;z-index:1}.project-render-first-block{flex-direction:column-reverse;gap:5%;height:-webkit-max-content;height:max-content}.project-name-and-participant{width:100%}.project-render-src{height:-webkit-max-content;height:max-content;width:100%}.project-render-src-here{height:100%;width:100%}}.filter-component{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#000000bf;display:block;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:12}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.technologies-element{background-color:var(--button-color);border:2px solid var(--button-text-color);border-radius:20px;color:var(--button-text-color);padding:10px 15px;text-decoration:none;white-space:nowrap}.technologies-element.selected{background-color:#f0f;color:#fff;font-weight:700}.filter-center-component{align-items:flex-start;background-color:azure;display:flex;flex-direction:column;gap:20px;height:85%;overflow-y:auto;padding:2%;width:85%}.filter-center-component h3{color:#8a2be2;font-weight:700;margin:0}.filter-center-component-techs-wrap{height:-webkit-max-content;height:max-content;width:100%}.filter-center-component-techs-title{align-items:center;border-bottom:1.5px solid #000;display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:10px;width:100%}.filter-opening-button{background-color:azure;color:#8a2be2}.filter-opening-icon{color:#8a2be2}.filter-center-component-techs,.filter-center-component-techs-box{align-items:flex-start;display:flex;flex-direction:column;gap:10px}.filter-center-component-techs-box>h4{font-style:italic;font-weight:500}.filter-center-component-techs-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:flex-start}.filter-component-footer{display:flex;flex-direction:row;gap:2%;justify-content:flex-end;padding-left:2%;width:100%}.filter-button,.reset-button{font-weight:700}.page-body-contact{align-items:center;height:-webkit-max-content;height:max-content;padding:10vh 4% 2%}.contact-page,.page-body-contact{display:flex;flex-direction:column;justify-content:center;width:100%}.contact-page{height:100%}.contact-form-frame{display:flex;flex-direction:column;gap:2rem}.contact-info{display:flex;flex-direction:row;gap:30%;justify-content:center}.contact-label{color:var(--text-color);font-weight:600}.contact-area{background-color:var(--button-color);color:var(--button-text-color)}.placeholder-Image{display:flex;justify-content:center;margin-bottom:32px;width:100%}.form-manage-title{margin-bottom:0;margin-top:15px}.inbox-form{margin:15px 0}.form-manage{border:2px solid var(--text-color);border-radius:20px;padding:10px}.start-cv-btn-contact{background-color:var(--background-color);border:0;border:2px solid var(--text-color-highlight);border-radius:25px;color:var(--text-color-highlight);cursor:pointer;font-size:1rem;font-weight:600;margin-top:1.5rem;padding:.7em 2.5em}.start-cv-btn-contact:hover{background-color:var(--button-color-hover);border:2px solid var(--button-text-color-hover);box-shadow:0 0 10px #72ffff;color:var(--button-text-color-hover);font-weight:700;transform:scale(1.25);transition:all .3s ease-in-out}.confirm-text-box{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;margin-top:10px}.confirm-text,.confirm-text-icon{color:green;margin:0}.confirm-text{font-size:1rem;font-weight:500}.links-list{display:flex;flex-direction:row;gap:10px;justify-content:center}.footer-links{align-items:center;border:2px solid var(--text-color);border-radius:50%;color:var(--text-color);cursor:pointer;display:inline-flex;height:3rem;justify-content:center;padding:8.5px;width:3rem}.footer-links:hover{background-color:var(--button-color)}.copyright-drake{align-items:center;color:var(--text-color);display:flex;flex-direction:row;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;width:100%}.copyright-drake h5{margin:0}@media screen and (max-width:768px){.page-body-contact{height:-webkit-max-content;height:max-content;width:100vw}.contact-info{align-items:center;display:flex;flex-direction:column;gap:5px}.contact-info p{width:auto}.copyright-drake{align-items:center;display:flex;flex-direction:row}.copyright-drake h5{font-size:1em}}.page-body-certificates{align-items:center;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;justify-content:center;padding:10vh 4% 5%;width:100%}.certificate-introduction,.certificates-showing{width:100%}.certificate-view-toggle{display:flex;justify-content:center;margin-top:12px}.certificate-carousel{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1100px;padding:14px 46px;position:relative;width:100%}.certificate-view-toggle .MuiToggleButton-root{border-color:var(--button-color);color:var(--button-text-color)}.certificate-view-toggle .MuiToggleButton-root.Mui-selected{background-color:var(--button-color);color:var(--button-text-color)}.certificate-view-toggle .MuiToggleButton-root:hover{background-color:var(--button-color-hover);color:var(--button-text-color-hover)}.certificate-carousel-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000059;color:var();position:absolute;top:50%;transform:translateY(-50%);z-index:3}.certificate-carousel-btn.left{left:6px}.certificate-carousel-btn.right{right:6px}.certificate-carousel-btn{background-color:var(--button-color)!important;color:var(--button-text-color)!important}.certificate-carousel-btn:hover{background-color:var(--button-color-hover)!important;color:var(--button-text-color-hover)!important}.certificate-carousel-stage{align-items:center;display:flex;flex-direction:column;width:100%}.certificate-carousel-card{width:min(720px,100%)}.certificate-carousel-image{background:#ffffffa6;border-radius:12px;object-fit:contain}.certificate-carousel-dots{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:12px}.certificate-carousel-dot{border:0;border-radius:999px;cursor:pointer;height:10px;opacity:.45;width:10px}.certificate-carousel-dot.active{opacity:1;width:22px}
/*# sourceMappingURL=main.3e020508.css.map*/