.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;color:#fff}.nav-inner{display:flex;justify-content:space-between;align-items:center;width:100%}.left h1{font-size:1.5rem}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer}.hamburger .bar{width:100%;height:.25rem;background-color:#fff;border-radius:10px;transition:all .3s ease}.hamburger.is-active .bar:nth-child(1){transform:rotate(45deg) translate(1px,1px)}.hamburger.is-active .bar:nth-child(2){opacity:0}.hamburger.is-active .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.right{display:flex;list-style:none;gap:1.5rem}.right li a{color:#fff;text-decoration:none;font-size:1rem;transition:color .3s ease}.right li a:hover{color:#dfd0b8}@media (max-width: 768px){.hamburger{display:flex}.right{position:absolute;top:8%;right:-25px;background-color:#222831;flex-direction:column;align-items:flex-start;width:100%;max-height:0;overflow:hidden;transition:max-height .3s ease;z-index:100}.right.open{max-height:40rem}.right li{margin:1rem 0}}.dot-grid{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:absolute;opacity:.55;z-index:-1}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.project-cards:hover .animated-img{transform:scale(1);transition:transform .3s ease-in-out}.electric-border{--electric-light-color: oklch(from var(--electric-border-color) l c h);--eb-border-width: 2px;position:relative;border-radius:inherit;overflow:visible;isolation:isolate}.eb-svg{position:fixed;left:-10000px;top:-10000px;width:10px;height:10px;opacity:.001;pointer-events:none}.eb-content{position:relative;border-radius:inherit;z-index:1}.eb-layers{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2}.eb-stroke,.eb-glow-1,.eb-glow-2,.eb-overlay-1,.eb-overlay-2,.eb-background-glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-sizing:border-box}.eb-stroke{border:var(--eb-border-width) solid var(--electric-border-color)}.eb-glow-1{border:var(--eb-border-width) solid oklch(from var(--electric-border-color) l c h / .6);opacity:.5;filter:blur(calc(.5px + (var(--eb-border-width) * .25)))}.eb-glow-2{border:var(--eb-border-width) solid var(--electric-light-color);opacity:.5;filter:blur(calc(2px + (var(--eb-border-width) * .5)))}.eb-background-glow{z-index:-1;transform:scale(1.08);filter:blur(32px);opacity:.3;background:linear-gradient(-30deg,var(--electric-light-color),transparent,var(--electric-border-color))}.stack-container{position:relative;width:100%;height:100%;perspective:600px}.card-rotate{position:absolute;width:100%;height:100%;cursor:grab}.card-rotate-disabled{position:absolute;width:100%;height:100%;cursor:pointer}.card{border-radius:1rem;overflow:hidden;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.card img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.card-image{width:100%;height:100%;object-fit:cover;pointer-events:none}.scroll-stack-scroller{position:relative;width:100%;height:100%;overflow-y:auto;overflow-x:visible;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:scroll-position}.scroll-stack-inner{padding:20vh 5rem 50rem;min-height:100vh}.scroll-stack-card-wrapper{position:relative}.scroll-stack-card{transform-origin:top center;will-change:transform,filter;backface-visibility:hidden;transform-style:preserve-3d;box-shadow:0 0 30px #0000001a;height:20rem;width:100%;margin:30px 0;padding:3rem;border-radius:40px;box-sizing:border-box;-webkit-transform:translateZ(0);transform:translateZ(0);position:relative}.scroll-stack-end{width:100%;height:1px}:root{--dark1-color: #222831;--dark2-color: #393E46;--dark3-color: #948979;--dark4-color: #DFD0B8}html{scroll-behavior:smooth}body{background-color:var(--dark1-color);color:var(--dark4-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important}h3{color:var(--dark3-color)}button{background-color:var(--dark2-color);outline:none;border:none;padding:10px;border-radius:7px;color:#f0f8ff}.nav{display:flex;align-items:center;justify-content:space-evenly;gap:20px}.nav .left{width:30%}.nav .right{display:flex;list-style:none;align-items:center;justify-content:space-between;padding-right:20px;width:100%}.nav .right li{cursor:pointer}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.work{position:relative;cursor:pointer}.my-works{margin-top:30px}.name{font-size:50px;font-weight:700;text-align:center!important;display:flex;align-items:center;justify-content:center}.hero h2{margin-top:-10px;font-size:35px}.proj-img{width:100%;height:200px;object-fit:cover;border-radius:10px 10px 0 0}.project-cards{display:flex;width:300px;align-items:center;flex-wrap:wrap;text-align:center;flex-direction:column;border:1px solid;border-radius:10px;cursor:pointer;transition:all .3s ease-in-out}.project-cards:hover{background-color:#dfd0b8;color:#222831;border:1px solid #DFD0B8!important}.all-projects{display:flex;align-items:center;justify-content:center;gap:50px;flex-wrap:wrap;margin-top:50px}.explore{margin-bottom:20px;width:100px;cursor:pointer}.skills{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;width:100%;gap:20px;margin-top:30px}.list-skill{padding:20px;border-radius:20px 0;width:350px;display:flex;border:1px solid;flex-direction:column;height:295px;list-style:none;cursor:pointer}.list-items ul{display:flex;flex-direction:column;gap:20px;margin-left:30px}.list-title{width:90%;margin:10px auto;text-align:center;border:1px solid;border-style:dotted}.skill-start{margin-top:70px}.certifications{display:flex;flex-wrap:wrap;gap:50px;align-items:center;justify-content:space-evenly;padding:20px 0}.certificate{border:1px solid;width:350px;padding-bottom:20px}.certificate img{width:100%}.pre-certificate{display:inline-block;margin-top:15px;padding:8px 12px;background-color:var(--dark2-color);color:var(--dark4-color);border-radius:5px;text-decoration:none;font-size:16px}.certificateTitle{margin-top:10px;font-size:20px}.certificateInstitution{margin-top:5px;font-size:18px;color:var(--dark3-color)}.achievement-container{margin:auto;width:50%;height:400px}.contact-containre{display:flex}.form{display:flex;padding:20px;width:100%}form{display:flex;flex-direction:column;align-items:center;width:90%;margin:auto}.one{width:100%;border-right:1px solid}.two{margin-left:30px;width:100%}.contact-block{display:flex;align-items:center;gap:20px;margin-bottom:20px}.contact-block label{width:30%;vertical-align:top}.contact-block input,.contact-block textarea{border-radius:7px;outline:none;border:none;color:#dfd0b8;padding:15px;border:1px solid #DFD0B8;background-color:#222831}.contact-block input:focus,.contact-block textarea:focus{background-color:#393e46}.contact-block textarea{width:100%;height:100px}.submit-btn{all:unset;padding:10px 40px;border:1px solid;border-radius:07px;background-color:#393e46;width:30%;margin-top:20px;text-align:center;cursor:pointer}.icons{width:30px;color:#dfd0b8;margin-bottom:50px;margin-top:30px}.icon-container{display:flex;align-items:center;justify-content:space-around;width:250px}.links a{color:#f0f8ff;text-decoration:none}.links{display:flex;width:80%;gap:100px;align-items:center;justify-content:space-around}.links a:visited{color:#f0f8ff}.links a:before{content:"> "}br{margin-bottom:200px}.foot{padding:10px 30px;margin-top:30px;background-color:#393e46bc;border-radius:20px}.des{text-align:center;margin-top:30px}.pop-container{position:fixed;top:0;left:0;width:100%;height:100dvh;display:none;justify-content:center;align-items:center;background-color:#00000080;-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px);z-index:1000;opacity:0;transition:opacity .3s ease-in-out}.pop-container.show{display:flex;opacity:1}.pop-container.hide{opacity:0}.pop-up{background-color:#dfd0b8;color:#222831;padding:20px 50px;width:70%;height:75%;margin:20px;border-radius:17px;box-shadow:0 4px 6px #0000001a;animation:popIn .3s ease-out;position:relative}.pop-content{height:100%;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start}.pop-up p{text-align:justify}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.pop-content::-webkit-scrollbar{display:none}@media screen and (max-width:500px){.hero h2{font-size:25px}.links{flex-direction:column;gap:0px;align-items:start;margin-left:30px}.form{flex-direction:column}.one,.two{margin:0}.one{border:none}.contact-block textarea{width:50%}.achievement-container{height:300px;width:90%;margin-right:80px}.skills{border:none}.list-skill{width:70%!important}.project-cards{width:85%}.all-projects{flex-direction:column;gap:30px}.pop-up{width:90%;padding:30px 20px;line-height:1.7}}@media screen and (max-width:350px){.list-title{width:90%!important}}