body,html{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;margin:0;padding:0;scroll-behavior:smooth}body{background:url(/my-portfolio/static/media/blob-scene-haikei-light.8ceba944646b85ae70fc.svg) no-repeat 50% fixed;background-size:cover}body,body.dark{transition:all .5s ease-in-out}body.dark{background:url(/my-portfolio/static/media/blob-scene-haikei-dark.22517917cf6610496290.svg) no-repeat 50% fixed;background-size:cover}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--rich-black:#012;--rich-black-2:#0c1e2e;--prussian-blue:#223648;--charcoal:#395162;--paynes-gray:#526e7e;--light-blue:#a4cbd5;--cadet-gray:#87abb8;--air-force-blue:#6c8c9a;--light-blue-2:#b3dbe4}#root,.App{height:100%}#about,#contact,#home,#projects,#skills{scroll-margin-top:80px}:root{--primary-color:#f0f0f0;--primary-dark:#012;--primary-medium:#e0e0e0;--text-dark:#012;--text-body:#223648;--text-muted:#526e7e;--card-text-color:#012;--card-bg:#ebebed66;--card-bg-dark:#012;--border-dark:#0c1e2e;--card-shadow:0 6px 12px #00000026;--card-hover-shadow:#00112280;--header-bg-dark:#012;--header-bg-light:#ffffffe6;--header-shadow:0 4px 8px #0000001a;--header-shadow-sticky:0 4px 12px #0000001f;--input-bg:#ffffff0d;--input-border:#ffffff1a;--button-bg:#e8e8e8;--button-hover-bg:#d8d8d8;--button-text-color:#012;--shadow:#0000001a}body.dark{--primary-color:#012;--primary-dark:#ebebed;--primary-medium:#545c69;--text-dark:#fff;--text-body:#bbb;--text-muted:#888;--card-text-color:#012;--card-bg:#121f2f80;--card-bg-dark:#ebebed;--border-dark:#ebebed;--card-shadow:0 6px 12px #ffffff0d;--card-hover-shadow:#fff3;--header-bg-dark:#c3c5ca;--header-bg-light:#001122e6;--header-shadow:0 4px 8px #ffffff0d;--header-shadow-sticky:0 4px 12px #ffffff14;--input-bg:#ffffff0d;--input-border:#fff3;--button-bg:#333;--button-hover-bg:#444;--button-text-color:#fff;--shadow:#ffffff1a}.about{gap:100px;margin:8rem 4rem 6rem;max-width:1500px;padding:1.5rem}.about,.about-me{border-radius:1rem;display:flex;flex-direction:column}.about-me{background-color:var(--card-bg);gap:2rem;margin-bottom:4rem;padding:1rem 2rem}.about-me h2{border-bottom:2px solid var(--primary-dark);color:var(--primary-dark);font-size:2rem;padding-bottom:.5rem}.about-me-grid{display:flex;flex-direction:column}.about-me-text{color:var(--text-dark);flex:2 1;font-size:1.05rem;line-height:1.6;min-width:280px}.about-me-details{max-width:600px;padding:1rem}.about-me-details h4{color:var(--primary-dark);margin-bottom:.8rem}.about-me-details ul{list-style:none;margin:0;padding:0}.about-me-details li{color:var(--text-dark);font-size:.95rem;margin-bottom:.6rem}.about-certification,.about-education{background-color:var(--card-bg);border-radius:1rem;display:flex;flex-direction:column;gap:1rem;padding:1rem 2rem}.about-certification-header h2,.about-education-header h2{border-bottom:2px solid var(--primary-dark);color:var(--primary-dark);font-size:2rem;margin-bottom:.5rem;padding-bottom:.3rem}.certification-content,.education-content{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;margin-bottom:1rem}.certification-item,.education-item{background-color:var(--card-bg-dark);border-radius:10px;box-shadow:var(--card-shadow);height:250px;max-width:400px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.certification-inner,.education-inner{height:100%;position:relative;width:100%}.certification-item-content,.certification-item-image,.education-item-content,.education-item-image{height:100%;left:0;position:absolute;top:0;transition:all .5s ease;width:100%}.certification-item-image,.education-item-image{opacity:1;transform:scale(1);transition:opacity .4s ease,transform .4s ease;z-index:2}.certification-item-image img,.education-item-image img{height:100%;object-fit:cover;width:100%}.certification-item-content>p,.education-item-content>p{font-size:1.2rem;margin:0}.certification-item-content,.education-item-content{align-items:center;background-color:var(--card-bg-dark);color:var(--primary-color);display:flex;flex-direction:column;justify-content:center;opacity:0;text-align:center;transform:translateY(100%);transition:transform .4s ease,opacity .4s ease;z-index:1}.certification-item:hover .certification-item-image,.education-item:hover .education-item-image{opacity:0;transform:scale(1.05)}.certification-item:hover .certification-item-content,.education-item:hover .education-item-content{opacity:1;transform:translateY(0)}.skills-container{background-color:var(--card-bg);border-radius:1rem;display:flex;flex-direction:column;margin:8rem 4rem 6rem;max-width:1500px;padding:1.5rem}.skills-header{border-bottom:2px solid var(--border-dark);color:var(--primary-dark);font-size:1.5rem}.skills-header>h2{margin:0 0 10px}.skills-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));margin-top:20px}.skill-item{align-items:center;border-radius:8px;color:var(--text-dark);display:flex;flex-direction:column;justify-content:center;padding-top:15px;text-align:center;transition:all .3s ease-in-out}.skill-item>svg{height:50px;transition:transform .3s ease;width:50px}.skill-item>svg,.skill-item>svg>path{fill:var(--text-dark)}.skill-item>p{pointer-events:none}.skill-item:hover{background-color:var(--card-bg-dark);box-shadow:var(--card-hover-shadow);color:var(--primary-color);transform:scale(1.05)}.skill-item:hover svg path{fill:var(--primary-color)}.skill-item:hover p{color:var(--primary-color)}@media (max-width:768px){.skills-container{margin-top:2rem;width:100%}.skills-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));margin-top:1rem}}.projects{background-color:var(--card-bg);border-radius:1rem;display:flex;flex-direction:column;margin:4rem 4rem 6rem;max-width:1500px;padding:1rem 2rem}.aos-init{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.aos-init.aos-animate{opacity:1;transform:translateY(0)}.projects-header{border-bottom:2px solid var(--border-dark);color:var(--text-dark);font-size:1.5rem}.projects-header>h2{margin-bottom:10px;margin-top:0}.project-grid{grid-column-gap:2rem;grid-row-gap:1rem;column-gap:2rem;display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:2rem;margin-top:2rem;max-width:1200px;row-gap:1rem}.project-item{align-items:center;background-color:var(--card-bg);background:url(/my-portfolio/static/media/Projects.47b07cc4f37b26575aac.jpg) 50%/cover no-repeat;background-size:cover;border-radius:1rem;box-shadow:var(--card-shadow);color:var(--text-dark);display:flex;flex-direction:column;height:250px;justify-content:center;overflow:hidden;padding:1rem;position:relative;text-align:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;width:100%}.project-item:before{background-color:#0000;content:"";height:100%;left:0;position:absolute;top:0;transition:background-color .3s ease;width:100%;z-index:0}.project-item:hover:before{background-color:var(--card-bg-dark)}.project-item>*{position:relative;z-index:1}.project-item:hover{box-shadow:var(--card-hover-shadow);transform:scale(1.03)}.project-item h3{color:var(--card-text-color);font-size:1.8rem;font-weight:700;margin:7rem 0 0;transition:font-size .3s ease,margin .3s ease,color .3s ease}.project-item:hover h3{color:var(--primary-color);font-size:1.2rem;margin-bottom:.5rem;margin-top:0}.project-item-info{align-items:center;display:flex;flex-direction:column;max-height:0;opacity:0;overflow:hidden;text-align:center;transition:opacity .3s ease,max-height .4s ease}.project-item:hover .project-item-info{max-height:200px;opacity:1}.project-item-info p{color:var(--primary-color);font-size:.95rem;margin:.5rem 0;max-width:250px}.project-item-info a{background-color:var(--card-bg-dark);border:none;border-radius:.4rem;color:var(--primary-color);padding:8px 12px;text-decoration:none;transition:all .3s ease}.project-item-info a:hover{background-color:var(--primary-color);color:var(--text-dark)}@media (max-width:768px){.projects{width:100%}.project-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(1,1fr)}}.contact{background-color:var(--card-bg);border-radius:1rem;display:flex;flex-direction:column;margin:4rem 4rem 0;max-width:1500px;padding:1rem 2rem}.contact-subtitle{color:var(--text-body);font-size:1.1rem;margin-top:-.5rem}.social-media{grid-gap:2rem;display:grid;flex:1 1;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem}.social-item{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-dark);border-radius:12px;box-shadow:0 6px 14px #0000000f;display:flex;flex-direction:column;padding:1rem;transition:transform .3s ease,box-shadow .3s ease}.social-item:hover{background-color:var(--card-bg-dark);box-shadow:0 12px 24px var(--card-hover-shadow);transform:translateY(-6px)}.social-item a{color:var(--text-dark);font-size:2rem;transition:color .3s ease,transform .3s ease}.social-item span{color:var(--primary-dark);font-size:.9rem;transition:color .3s ease}.social-item:hover{transform:translateY(-5px)}.social-item:hover a{transform:scale(1.2)}.social-item:hover a,.social-item:hover span{color:var(--primary-color)}@media (max-width:768px){.contact{width:100%}}body{color:var(--text-dark);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.home{flex-direction:column;margin:17rem 4rem 7rem 0;padding:2rem}.hero,.home{display:flex}.hero{align-items:center;flex-wrap:wrap;gap:4rem;justify-content:center;margin-bottom:6rem}.hero-content{font-size:1.5rem;max-width:600px}.hero-content h1{color:var(--text-dark);font-size:2.5rem;margin-bottom:1rem;opacity:0;transition:opacity .5s ease-in}.aos-init-home,.aos-init-home-image{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.aos-init-home.aos-animate{opacity:1;transform:translateY(0)}.aos-init-home-image.aos-animate{opacity:1;transform:translateY(0) scale(1.25)}.hero-content p{animation:typing 3.5s steps(50) forwards,blink .75s step-end infinite;border-right:.15rem solid var(--border-dark);color:var(--text-dark);display:inline-block;font-family:Mark Script,cursive;font-size:1.1rem;letter-spacing:.15rem;line-height:1.6;max-width:-webkit-fit-content;max-width:fit-content;overflow:hidden;white-space:nowrap}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:#0000}50%{border-color:var(--border-dark)}}.hero-image img{border:.5rem solid var(--border-dark);border-radius:50%;box-shadow:0 8px 20px var(--shadow);height:300px;transition:transform .3s ease-in-out;width:300px}.hero-image img:hover{transform:scale(1.03)}@media (max-width:768px){.home{display:flex;margin:8rem auto 2rem;padding:1.5rem 1rem;text-align:center}.hero,.home{align-items:center;flex-direction:column;justify-content:center;width:100%}.hero{gap:2rem}.hero-content{align-items:center;display:flex;flex-direction:column;font-size:1rem;justify-content:center;max-width:100%;padding:0 1rem;width:100%}.hero-content h1{font-size:1.8rem;margin-bottom:1rem}.hero-image{align-items:center;display:flex;justify-content:center;width:100%}.hero-image img{border-radius:50%;height:200px;object-fit:cover;width:200px}.hero-content p{font-size:1rem;width:100%}}*{box-sizing:border-box}.header-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%;z-index:1000}.hamburger{display:none}.header{align-items:center;background:var(--header-bg-light);border-bottom:10px solid var(--border-dark);border-radius:12px;box-shadow:var(--header-shadow);display:flex;height:70px;justify-content:space-between;padding:10px 20px;position:absolute;top:0;transform:translateY(50px);transition:all .5s ease;width:93%}.header.sticky{background-color:var(--header-bg-light);border-radius:0;box-shadow:var(--header-shadow-sticky);position:fixed;transform:translateY(0);width:100%}.logo-link{color:var(--primary-dark);font-family:Mark Script,cursive;font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .3s ease}.logo-link:hover{color:var(--text-dark);cursor:pointer}.nav{display:flex;flex-wrap:wrap;gap:20px}.nav-link{color:var(--primary-dark);font-size:1.1rem;font-weight:500;padding:6px 10px;position:relative;text-decoration:none;transition:color .3s ease}.nav-link:after{background-color:var(--primary-dark);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease-in-out;width:0}.nav-link:hover:after{width:100%}@media (max-width:768px){body,html{margin:0;overflow-x:hidden;padding:0;width:100%}.header-container{width:100%;z-index:1000}.header{border-radius:0;position:fixed;top:0;transform:none;width:100%}.header,.nav{left:0;right:0}.nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--header-bg-light);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;box-shadow:var(--header-shadow);display:none;flex-direction:column;gap:1.5rem;padding:1rem;position:absolute;top:70px;width:100vw}.nav.show{animation:fadeIn .4s ease-in-out;display:flex}.hamburger{cursor:pointer;display:flex;flex-direction:column;height:18px;justify-content:space-between;width:25px}.bar{background-color:var(--primary-dark);border-radius:2px;height:3px;transition:all .3s ease;width:100%}.bar.open:first-child{transform:rotate(45deg) translateY(8px)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:rotate(-45deg) translateY(-8px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}
/*# sourceMappingURL=main.98bce286.css.map*/