:root{--black:#000;--white:#fff;--gray-900:#111;--gray-800:#1a1a1a;--gray-700:#2a2a2a;--gray-600:#404040;--gray-500:#666;--gray-400:#999;--gray-300:#ccc;--gray-200:#e5e5e5;--gray-100:#f5f5f5;--accent:#000;--accent-light:#0000001a;--shadow:#0000001a;--shadow-dark:#0000004d;--lato:"Inter","Lato",sans-serif;--ptfont:"Inter","PT Sans",sans-serif;--filter:none}::selection{background-color:#0000001a;background-color:var(--accent-light);color:#000;color:var(--black)}::-webkit-scrollbar{background:#fff;background:var(--white);width:8px}::-webkit-scrollbar-thumb{background:#999;background:var(--gray-400);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#404040;background:var(--gray-600)}.page-load{background-color:#fff}html{scroll-behavior:smooth}body{background-color:#fff;background-color:var(--white);color:#000;color:var(--black);font-family:Inter,Lato,sans-serif;font-family:var(--lato);line-height:1.6;margin:0;overflow-x:hidden;transition:all .3s ease}body.dark{--white:#000;--black:#fff;--gray-900:#eee;--gray-800:#e5e5e5;--gray-700:#d5d5d5;--gray-600:#bfbfbf;--gray-500:#999;--gray-400:#666;--gray-300:#333;--gray-200:#1a1a1a;--gray-100:#0a0a0a;--accent:#fff;--accent-light:#ffffff1a;--shadow:#ffffff1a;--shadow-dark:#ffffff4d}body.res-nav-active{overflow:hidden}body.dark .navbar{background-color:#000!important;border-bottom:none}.navbar{align-items:center;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:initial;display:flex;justify-content:space-between;padding:0 5%;position:fixed;top:0;transition:all .3s ease;width:100vw;z-index:99}.res-nav,.res-nav-overlay{display:none}.scroll .navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#ffffffe6;border-bottom:1px solid var(--gray-200);box-shadow:0 4px 20px var(--shadow)}body.dark .scroll .navbar{background-color:#000000e6;border-bottom:1px solid var(--gray-700)}@keyframes navanimate{0%{transform:translateY(-100px)}to{transform:translateY(0)}}.navbar h1{color:var(--black);font-family:var(--lato);font-size:24px;font-weight:600;margin-left:48px;transition:all .3s ease}.navbar h1:hover{color:var(--gray-600)}.navbar ul{align-items:center;display:flex;justify-content:flex-start;list-style:none;margin-right:auto}.navbar ul li{font-family:var(--ptfont);font-size:16px;font-weight:500;padding:0 24px}.navbar ul li a{color:var(--gray-600);cursor:pointer;position:relative;text-decoration:none;transition:all .3s ease}.navbar ul li a.active,.navbar ul li a:hover{color:var(--black)}.navbar ul li a:after{background-color:var(--black);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar ul li a:hover:after{width:100%}.navbar ul li button{align-items:center;background-color:initial;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;margin:auto;transition:all .3s ease;width:40px}.navbar ul li button:hover{background-color:var(--gray-100)}.navbar ul li button svg{color:var(--gray-600);height:20px;transition:all .3s ease;width:20px}.navbar ul li button:hover svg{color:var(--black)}.none{display:none}.block{display:block;opacity:1}.navbar-btn{display:none}@media only screen and (max-width:768px){.navbar h1{font-size:20px}.navbar ul li{font-size:15px;padding:0 10px}}@media only screen and (max-width:460px){.navbar{height:90px;justify-content:space-between;margin:0}.navbar .navbar-btn:after,.navbar h1:before{content:"";padding:0 10px}.navbar h1{font-size:25px}.navbar ul{display:none}.navbar ul li{font-size:10px}.navbar ul li button svg{height:14px}.navbar-btn{display:block}.navbar-btn button{background-color:initial;border:none}.navbar-btn button #navopen{transform:rotate(270deg)}.res-nav{align-items:center;background-color:var(--Yankees-Blue);display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;padding:10px;position:fixed;right:0;top:0;transform:translateX(300px);transition:.2s ease-in;width:55vw;z-index:9}.res-nav-active .res-nav{transform:translateX(0)}.res-nav-active .res-nav-overlay{display:block}.res-nav-links{width:100%}.res-nav-links ul{font-family:var(--ptfont);font-weight:600;list-style:none;padding:0}.res-nav-links ul li{font-size:19px;padding:7px 0;text-align:center}.res-nav-links ul li a{display:block;padding:10px 0;width:100%}.res-nav-overlay{background-color:#00000080;height:100vh;left:0;position:fixed;top:0;transition:.2s ease-in;width:100vw;z-index:8}.mobile-light-mode{background-color:initial;border:none;display:flex;height:2rem;justify-content:center;padding-top:4px;width:100%}}.footer{align-items:center;background-color:var(--gray-100);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;left:0;margin-top:80px;min-height:120px;padding:40px 5% 60px;right:0;text-align:center;width:100vw}.footer p{color:var(--gray-600);font-family:var(--ptfont);font-size:14px;margin:0;padding:4px 0;text-align:center}.footer p a{color:var(--black);font-weight:500;text-decoration:none;transition:all .3s ease}.footer p a:hover{color:var(--gray-600);text-decoration:underline}@media only screen and (max-width:768px){.footer{min-height:80px;padding:24px 2% 40px}.footer p{font-size:12px}}a{color:inherit;text-decoration:none}.profile{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;min-height:100vh;padding:40px 5%;position:relative}.profile .profile-text{align-items:flex-start;animation:fadeInUp 1s ease forwards;display:flex;flex-direction:column;opacity:0;transform:translateY(30px);width:60%;z-index:2}.profile .profile-text h1{animation:fadeInUp 1s ease .2s forwards;color:var(--black);font-family:var(--lato);font-size:clamp(48px,8vw,72px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0;opacity:0;transform:translateY(30px)}.profile .profile-text h1 img{padding:0 10px}.profile .profile-text p:first-child{animation:fadeInUp 1s ease .1s forwards;color:var(--gray-600);font-size:18px;font-weight:500;margin:0 0 16px;opacity:0;transform:translateY(30px)}.profile .profile-text p{font-family:var(--ptfont);margin:0}.profile .profile-text .profile-text-about{animation:fadeInUp 1s ease .3s forwards;color:var(--gray-700);font-size:20px;line-height:1.6;margin:24px 0 40px;max-width:600px;opacity:0;transform:translateY(30px);width:100%}.profile .profile-social-links{animation:fadeInUp 1s ease .4s forwards;display:flex;gap:20px;opacity:0;transform:translateY(30px)}.profile .profile-social-links a{align-items:center;background-color:var(--gray-100);border-radius:50%;color:var(--gray-600);display:flex;height:48px;justify-content:center;text-decoration:none;transition:all .3s ease;width:48px}.profile .profile-social-links a:hover{background-color:var(--black);box-shadow:0 8px 25px var(--shadow);color:var(--white);transform:translateY(-2px)}.profile .profile-social-links a svg{height:24px;width:24px}.profile .profile-img{display:flex;justify-content:center;pointer-events:none;text-align:center;-webkit-user-select:none;user-select:none;width:40%}.profile .profile-img img{border-radius:40%;object-fit:cover;width:70%;z-index:1}.profile .profile-text button{background-color:initial;border:1px solid var(--green);border-radius:10px;color:var(--lightest-navy);cursor:pointer;font-family:Montserrat,sans-serif;font-size:20px;height:50px;margin:20px 0 0;transition:all .5s ease;width:190px}.profile .profile-text button:hover{background-color:rgba(168,168,255,.057)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media only screen and (max-width:768px){.profile{flex-direction:column;min-height:80vh;padding:60px 5% 100px;text-align:center}.profile .profile-text{align-items:center;margin-bottom:40px;width:100%}.profile .profile-text h1{font-size:clamp(36px,8vw,48px);text-align:center}.profile .profile-text p{font-size:16px;text-align:center}.profile .profile-text .profile-text-about{font-size:18px;text-align:center}.profile .profile-social-links{justify-content:center}}@media only screen and (max-width:460px){.profile{min-height:70vh;padding:80px 5% 40px}.profile .profile-text h1{font-size:clamp(28px,10vw,36px)}.profile .profile-text p{font-size:14px}.profile .profile-text .profile-text-about{font-size:16px}.profile .profile-social-links a{height:40px;width:40px}.profile .profile-social-links a svg{height:20px;width:20px}}.img-container{align-items:center;animation:fadeInRight 1s ease .5s forwards;display:flex;justify-content:center;opacity:0;position:relative;transform:translateX(30px);width:40%;z-index:1}.img-container:before{animation:pulse 4s ease-in-out infinite;background:linear-gradient(45deg,var(--gray-100),var(--gray-200));border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.img-container img{animation:float 6s ease-in-out infinite;border-radius:50%;box-shadow:0 20px 40px var(--shadow);height:250px;object-fit:cover;width:250px;z-index:2}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.img-container{display:none}}.projects{margin:0 auto;max-width:1400px;padding:120px 5% 80px;width:100%}.projects h2{color:var(--black);font-family:var(--lato);font-size:clamp(32px,5vw,48px);font-weight:700;margin-bottom:80px;position:relative;text-align:center}.projects h2:before{color:var(--gray-400);content:"02.";font-size:clamp(16px,2vw,20px);font-weight:400;margin-right:10px}.projects h2:after{background-color:var(--gray-300);content:"";display:block;height:1px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:200px}.projects .project-container{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:repeat(12,1fr);margin-bottom:100px;padding:60px 0;width:100%}.projects .project-container .container-img{grid-column:1/7;position:relative;z-index:3}.project-container.left-container .container-img{grid-column:7/13;position:relative;z-index:3}.projects .project-container .project-img{background-color:var(--gray-100);border-radius:8px;overflow:hidden;position:relative;transition:all .3s ease}.projects .project-container .project-img img{height:300px;object-fit:cover;opacity:.8;transition:all .3s ease;width:100%}.projects .project-container .project-img:hover{box-shadow:0 20px 40px var(--shadow);transform:translateY(-5px)}.projects .project-container .project-img:hover img{opacity:1;transform:scale(1.05)}.left-container .container-content{align-items:flex-start;grid-column:1/6;padding-right:40px}.left-container .container-content,.right-container .container-content{display:flex;flex-direction:column;position:relative;width:100%;z-index:4}.right-container .container-content{align-items:flex-end;grid-column:7/13;padding-left:40px;text-align:right}.container-content .project-overline{color:var(--black);font-family:var(--ptfont);font-size:14px;font-weight:500;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}.container-content h3{color:var(--black);font-family:var(--lato);font-size:clamp(24px,4vw,32px);font-weight:700;line-height:1.2;margin:0 0 20px}.container-content .Project-desc{background-color:var(--gray-100);border-radius:8px;box-shadow:0 4px 20px var(--shadow);color:var(--gray-700);font-family:var(--ptfont);font-size:16px;line-height:1.6;margin:0 0 20px;padding:24px;position:relative;width:100%;z-index:2}.container-content .project-tech{display:flex;flex-wrap:wrap;font-family:var(--ptfont);gap:12px;list-style:none;margin:0 0 20px;padding:0}.container-content .project-tech li{background-color:var(--gray-200);border-radius:20px;color:var(--gray-700);font-size:14px;font-weight:500;padding:6px 12px;transition:all .3s ease}.container-content .project-tech li:hover{background-color:var(--black);color:var(--white);transform:translateY(-2px)}.container-content .project-link{display:flex;gap:20px}.container-content .project-link a{align-items:center;background-color:var(--gray-100);border-radius:50%;color:var(--gray-600);display:flex;height:48px;justify-content:center;text-decoration:none;transition:all .3s ease;width:48px}.container-content .project-link a:hover{background-color:var(--black);box-shadow:0 8px 25px var(--shadow);color:var(--white);transform:translateY(-2px)}.container-content .project-link a svg{height:20px;width:20px}.projects .showmore{align-items:center;display:flex;justify-content:center;margin:80px 0 0;width:100%}.projects .showmore button{background-color:initial;border:2px solid var(--black);border-radius:8px;color:var(--black);cursor:pointer;font-family:var(--ptfont);font-size:16px;font-weight:600;height:56px;overflow:hidden;position:relative;transition:all .3s ease;width:200px}.projects .showmore button:before{background-color:var(--black);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.projects .showmore button:hover{box-shadow:0 8px 25px var(--shadow);color:var(--white);transform:translateY(-2px)}.projects .showmore button:hover:before{left:0}@media only screen and (max-width:460px){.projects{margin:2rem 0;padding:0}.projects h2{font-size:20px;justify-content:center;margin:0}.projects h2:after{width:10%}.projects .project-container{gap:0;padding:30px 0 0}.projects .project-container .container-img{grid-column:2/8;width:100%}.projects .project-container .project-img{background-position:50%;height:150px}.left-container .container-img{position:relative;right:0}.projects .project-container .project-img .img-layer{width:0}.left-container .container-content,.right-container .container-content{align-items:center;grid-column:2/9;right:0;text-align:center;width:88%}.left-container .container-content{order:1;padding:0}.container-content .project-overline{display:none}.container-content h3{font-size:18px;margin:.5rem 0}.container-content .Project-desc{font-size:12px;padding:0 10px;width:auto}.container-content .project-tech{font-size:12px}.container-content .project-link a svg{width:20px}.projects .showmore button{height:40px;width:140px}}.contactme{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1400px;min-height:100vh;padding:120px 5% 80px;text-align:center;width:100%}.contactme .contactme-title h2{color:var(--black);font-family:var(--lato);font-size:clamp(48px,8vw,72px);font-weight:700;margin:0 0 20px;padding:0;position:relative}.contactme .contactme-title h2:before{color:var(--gray-400);content:"03.";font-size:clamp(16px,2vw,20px);font-weight:400;margin-right:10px}.contactme .contactme-desc p{color:var(--gray-700);font-family:var(--ptfont);font-size:clamp(18px,3vw,24px);line-height:1.6;margin:0 0 60px;max-width:600px}.contactme button{background-color:initial;border:2px solid var(--black);border-radius:8px;color:var(--black);cursor:pointer;font-family:var(--ptfont);font-size:16px;font-weight:600;height:56px;overflow:hidden;position:relative;transition:all .3s ease;width:200px}.contactme button:before{background-color:var(--black);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.contactme button:hover{box-shadow:0 8px 25px var(--shadow);color:var(--white);transform:translateY(-2px)}.contactme button:hover:before{left:0}@media only screen and (max-width:768px){.contactme{min-height:80vh;padding:80px 5% 60px}.contactme .contactme-desc p{font-size:18px;margin:0 0 40px}}@media only screen and (max-width:460px){.contactme{min-height:70vh;padding:60px 5% 40px}.contactme .contactme-title h2{font-size:clamp(36px,10vw,48px)}.contactme .contactme-desc p{font-size:16px;margin:0 0 30px}.contactme button{font-size:14px;height:48px;width:160px}}.page-load{align-items:center;background-color:var(--white);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.page-load h1{color:var(--black);font-family:var(--lato);font-size:clamp(36px,8vw,64px);font-weight:700;margin:0 0 20px;text-align:center}.loading-dots{display:flex;gap:8px;justify-content:center;margin-top:20px}.loading-dots span{background-color:var(--black);border-radius:50%;display:inline-block;height:8px;width:8px}.fade{display:none;opacity:0}
/*# sourceMappingURL=main.7d2c124d.css.map*/