body{background:#0f0f0f;color:#fff;font-family:Poppins,sans-serif;margin:0;padding:0}.navbar{display:flex;justify-content:space-between;padding:1rem 2rem}.nav-link{color:#00ffc6;font-size:1.2rem;font-weight:700;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#0fa}.projects-page{margin-top:60px;padding:2rem}h1{color:#00ffc6;margin-bottom:2rem;text-align:center}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:2rem}.project-card{align-items:center;background-color:#292929;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 4px 20px #00ffc64d;transform:translateY(-10px)}.project-card img{border-radius:8px;height:150px;object-fit:cover;width:100%}.project-card h3{color:#00ffc6;margin:1rem 0 .5rem}.project-card p{color:#ccc;font-size:.9rem;margin-bottom:1rem;text-align:center}.project-card a{text-decoration:none}.navbar{align-items:center;background-color:#1a1a1a;display:grid;grid-template-columns:1fr auto 1fr;left:0;padding:.8rem 2rem;position:fixed;top:0;width:100%;z-index:10}.nav-left{justify-self:start}.navbar-title{color:#00ffc6;font-size:1.4rem;justify-self:center;margin:0;white-space:nowrap}.search-form{align-items:center;display:flex;gap:.5rem;justify-self:end;margin:0}.search-input{background-color:#111;border:2px solid #0fc;border-radius:8px;color:#0fc;outline:none;padding:6px 12px}.search-input::placeholder{color:#00ffccaa}@media screen and (max-width:1024px){.navbar{align-items:center;flex-direction:column;text-align:center}.search-form{justify-content:center;margin-top:1rem;width:100%}.navbar-title{margin:.5rem 0}}@media screen and (max-width:600px){.nav-left .nav-link{font-size:1rem}.navbar-title{font-size:1.2rem}.search-input{font-size:.9rem;width:90%}.search-form{display:none}}button{background-color:initial;border:none;color:#ddebf0;font-size:13px;font-weight:700;height:4em;outline:none;position:relative;transition:.1s;width:11em}.resume-button{font-size:1.1rem;padding:14px 32px}h3{padding-bottom:10px}#clip{--color:#1b1b1b;border:5px double var(--color);box-shadow:inset 0 0 15px #27c39f;-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);height:100%;overflow:hidden;top:0;width:100%}#clip,.arrow{position:absolute}.arrow{background-color:#27c39f;height:30%;top:35%;transition:.2s;width:11%}#leftArrow{-webkit-clip-path:polygon(100% 0,100% 100%,0 50%);left:-13.5%}#rightArrow{-webkit-clip-path:polygon(100% 49%,0 0,0 100%);left:102%}button:hover #rightArrow{animation:rightArrow8 .6s ease-in-out infinite alternate both;background-color:#27c39f;left:-15%}button:hover #leftArrow{animation:leftArrow8 .6s ease-in-out infinite alternate both;background-color:#27c39f;left:103%}.corner{background-color:#27c39f;box-shadow:inset 1px 1px 8px #27c39f;height:4em;position:absolute;transform:scale(1) rotate(45deg);transition:.2s;width:4em}#rightTop{left:91%;top:-1.98em}#leftTop{left:-3em;top:-1.96em}#leftBottom{left:-2.15em;top:2.1em}#rightBottom{left:88%;top:45%}button:hover #leftTop{animation:changeColor8 .1s ease-in-out .05s both,lightEffect8 .2s linear .4s both}button:hover #rightTop{animation:changeColor8 .1s ease-in-out .15s both,lightEffect8 .2s linear .4s both}button:hover #rightBottom{animation:changeColor8 .1s ease-in-out .25s both,lightEffect8 .2s linear .4s both}button:hover #leftBottom{animation:changeColor8 .1s ease-in-out .35s both,lightEffect8 .2s linear .4s both}button:hover .corner{transform:scale(1.25) rotate(45deg)}button:hover #clip{--color:#27c39f;animation:greenLight8 .2s ease-in-out .55s both}@keyframes changeColor8{0%{background-color:#27c39f}to{background-color:#27c39f}}@keyframes lightEffect8{0%{box-shadow:1px 1px 5px #27c39f}to{box-shadow:0 0 2px #27c39f}}@keyframes greenLight8{to{box-shadow:inset 0 0 32px #27c39f}}@keyframes leftArrow8{0%{transform:translate(0)}to{transform:translateX(10px)}}@keyframes rightArrow8{0%{transform:translate(0)}to{transform:translateX(-10px)}}.hero-section{align-items:center;background:#0d0d0d;color:#fff;display:flex;height:100vh;justify-content:space-between;overflow:hidden;padding:4rem;position:relative}.space{font-size:3rem;margin-bottom:20px}.left-side h1,.right-side h1,.space{color:#00ffc6}.left-side p,.right-side p{color:#ccc}.left-side,.right-side{animation:fadeInUp 1s forwards;flex:1 1;max-width:30%;opacity:0;padding:2rem}.center-image{border-radius:50%;box-shadow:0 0 30px #00ffc84d;height:250px;overflow:hidden;transition:transform .6s ease;width:250px}.center-image img{height:100%;object-fit:cover;width:100%}.hover-rotate:hover{transform:rotateY(10deg) scale(1.5)}.scroll-indicator{animation:bounce 2s infinite;bottom:20px;color:#aaa;left:50%;position:absolute;text-align:center;transform:translateX(-50%)}.scroll-indicator .mouse{border:2px solid #aaa;border-radius:25px;height:40px;margin:0 auto 5px;position:relative;width:25px}.scroll-indicator .mouse:before{animation:scrollDown 1.5s infinite;background:#aaa;border-radius:50%;content:"";height:5px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:5px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollDown{0%{opacity:1;top:8px}to{opacity:0;top:20px}}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}@media (max-width:768px){.hero-section{flex-direction:column;padding:2rem;text-align:center}.left-side,.right-side{max-width:100%;padding:1rem}.center-image{margin:20px 0}}@media (max-width:1024px){.hero-section{flex-direction:column;height:auto;padding:3rem 1.5rem;text-align:center}.left-side,.right-side{max-width:100%;opacity:1;padding:1rem}.center-image{margin:2rem 0}.space{font-size:2.2rem}}@media (max-width:600px){.hero-section{padding:2rem 1rem}.space{font-size:1.6rem}h2{font-size:1.1rem}p{font-size:.95rem}.center-image{height:180px;width:180px}.scroll-indicator .mouse{height:35px;width:20px}}@media (max-width:400px){.space{font-size:1.4rem}.center-image{height:140px;width:140px}p{font-size:.9rem}}@media (max-width:600px){.scroll-indicator{display:none}}.skills-section{background:#0f0f0f;color:#fff;padding:4rem 2rem;text-align:center}.skills-section h2{color:#00ffc6;font-size:2.5rem;margin-bottom:1.5rem}.skills-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.skill-badge{background:#1a1a1a;border:1px solid #00ffc6;border-radius:20px;color:#00ffc6;font-size:1rem;padding:10px 20px;transition:transform .3s ease,background .3s}.skill-badge:hover{background:#00ffc6;color:#000;transform:scale(1.1)}.reach-me-section{align-items:center;background-color:#0f0f0f;color:#fff;display:flex;justify-content:center;min-height:100vh;padding:4rem 1rem}.contact-card{grid-gap:2rem;background:#000;border-radius:16px;box-shadow:0 0 20px #00ffc633;display:grid;gap:2rem;grid-template-rows:auto auto auto;max-width:600px;padding:2rem;width:100%}.contact-title{color:#00ffc6;font-size:2rem;text-align:center}.contact-grid{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.contact-icons{display:flex;flex-direction:column;gap:1rem;justify-content:center}.contact-icons a{align-items:center;color:#00ffc6;display:flex;font-size:1.1rem;gap:8px;text-decoration:none;transition:.3s}.contact-icons a:hover{color:#fff;transform:scale(1.05)}.contact-image{align-items:center;display:flex;justify-content:flex-end}.contact-image img{border-radius:12px;max-width:200px;object-fit:contain;width:100%}.contact-button{text-align:center}
/*# sourceMappingURL=main.a50c0fed.css.map*/