@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_fc8c4bc0-module__MPP-3a__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_fc8c4bc0-module__MPP-3a__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_55d3acf3-module__UNk6MG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_55d3acf3-module__UNk6MG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
@font-face{font-family:myFont;src:url(../media/Kola-Regular.0ab32323.otf)}html,body{scroll-behavior:smooth;max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;font-family:Geist Mono,monospace}*{box-sizing:border-box;margin:0;padding:0;font-family:Geist Mono,monospace}a{color:inherit;text-decoration:none}.navbar{z-index:100;background:#fff;border-bottom:1px solid #5f6469;justify-content:space-between;align-items:center;width:100%;padding:18px 120px;display:flex;position:fixed;top:0;background:#0a0a0a!important}.logo{color:#fff;font-display:swap;font-size:24px;font-weight:700;font-family:myFont!important}.nav-links{gap:24px;display:flex}.links-resume{align-items:center;gap:24px;display:flex}.nav-links button,.nav-links a{color:#fff;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.nav-links button:hover,.nav-links a:hover{color:#fff;text-decoration:underline;transition:all .3s;transform:translateY(-4px)}.resume{color:#fff;background:#0a0a0a;border:1px solid #5f6469;border-radius:40px;padding:12px 24px;font-size:12px;font-weight:600}.resume:hover{color:#0a0a0a;background:#fff;transition:all .3s;transform:translateY(-4px)}.hamburger{cursor:pointer;z-index:1002;flex-direction:column;gap:5px;display:none}.hamburger span{background:#fff;border-radius:2px;width:28px;height:3px;transition:all .4s}.nav-toggle{display:none}.mobile-menu{z-index:998;background:#0a0a0ab5;justify-content:flex-end;transition:transform .45s cubic-bezier(.77,.2,.05,1);display:flex;position:fixed;inset:0;transform:translate(100%)}.mobile-menu-content{color:#fff;flex-direction:column;gap:32px;width:80%;max-width:320px;padding:80px 40px 40px;display:flex}.mobile-link{color:#fff;cursor:pointer;text-align:center;background:0 0;border:none;font-size:1.4rem;font-weight:600;text-decoration:none;transition:all .3s}.mobile-link:hover,.mobile-link:focus{color:#ccc;transform:translate(8px)}.resume-mobile{text-align:center;border:1px solid #5f6469;border-radius:40px;padding:14px 28px;font-size:1.1rem}.mobile-close{color:#fff;cursor:pointer;font-size:3rem;line-height:1;position:absolute;top:25px;right:30px}.nav-toggle:checked~.mobile-menu{transform:translate(0)}.nav-toggle:checked+.hamburger span:first-child{transform:rotate(45deg)translate(6px,6px)}.nav-toggle:checked+.hamburger span:nth-child(2){opacity:0}.nav-toggle:checked+.hamburger span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}.footer{background:#0a0a0a;border-top:1px solid #5f6469;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:34px 120px;display:flex}.foot-name{flex-direction:column;gap:14px;display:flex}footer p{color:#5f6469;font-size:13px}.hero-section,.about-me{background:#0a0a0a;flex-direction:column;gap:12px;margin-top:80px;padding:60px 120px;display:flex}.hero-section h1{color:#fff;font-size:48px;font-weight:700}.profile-pic{border-radius:100%}.hero-section h3{color:#fff;font-size:16px;font-weight:500}.hero-section p{color:#fff;max-width:700px;font-size:12px;font-weight:400}.hero-cta{gap:24px;margin-top:24px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#0a0a0a;border:1px solid #5f6469;border-radius:40px;padding:12px 24px;font-size:14px;font-weight:600}.btn-primary:hover{color:#0a0a0a;background:#fff;border:1px solid #5f6469;transition:all .3s;transform:translateY(-4px)}.btn-secondary{color:#0a0a0a;cursor:pointer;background:#fff;border:1px solid #5f6469;border-radius:40px;padding:12px 24px;font-size:14px;font-weight:600}.btn-secondary:hover{color:#fff;background:#0a0a0a;transition:all .3s;transform:translateY(-4px)}.about-me span,.skils-section span,.project-wrap span,.contact-wrap span,.experience-wrap span{color:#5f6469;border-bottom:1px solid #5f6469;margin-bottom:12px;font-size:14px;font-weight:700}.about-me h1{color:#fff;font-size:48px;font-weight:700}.about-me h3{color:#fff;margin-bottom:-10px;font-size:16px;font-weight:500}.about-me p{color:#fff;max-width:700px;font-size:13px;font-weight:400}.about-me h2{cursor:pointer;color:#fff;border-bottom:1px solid #5f6469;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.socials{align-items:center;gap:16px;margin-top:12px;display:flex}.socials a:hover{color:#fff;transition:all .3s;transform:translateY(-4px)}.skils-section,.about-me{background:#0a0a0a;flex-direction:column;align-items:start;gap:12px;padding:42px 120px;display:flex}.skills{grid-template-columns:repeat(2,1fr);gap:32px;width:100%;display:grid}.skill-group{color:#fff;border:1px solid #5f6469;padding:24px}.skill-group div{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.skill-group h3{color:#fff;margin-bottom:15px;font-size:16px;font-weight:700}.skill-group p{cursor:pointer;font-size:12px}.skill-group p:hover{color:#fff;text-decoration:underline;transition:all .3s;transform:translateY(-4px)}.school-exp{color:#fff;align-items:center;gap:12px;display:flex}.div{font-size:14px}.project-wrap{background:#0a0a0a;flex-direction:column;align-items:start;gap:32px;padding:42px 120px;display:flex}.project-card{cursor:pointer;border:1px solid #5f6469;flex-direction:column;gap:12px;display:flex}.project-card:hover{border:1px solid #c2c2c2;transition:all .3s}.projects-grid{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;display:grid}.project-card img{width:100%;height:220px}.project-card:hover img{filter:grayscale(0%)}.card-details{flex-direction:column;align-items:start;gap:12px;padding:16px;display:flex}.card-details h3{color:#f2f2f2;font-size:16px;font-weight:700}.card-details p{color:#5f6469;font-size:12px}.card-details h2{color:#5f6469;font-size:12px;font-weight:600}.project-links{justify-content:start;align-items:center;gap:16px;margin-top:14px;display:flex}.project-links a{color:#5f6469;align-items:center;gap:4px;font-size:14px;display:flex}.project-links a:hover{color:#c2c2c2;border-bottom:1px solid #5f6469;transition:all .3s;transform:translateY(-4px)}.contact-wrap,.experience-wrap{background:#0a0a0a;flex-direction:column;align-items:start;gap:32px;padding:42px 120px;display:flex}.contact{gap:32px;width:100%;display:flex}.left-contact{color:#fff;flex-direction:column;flex:1;gap:6px;display:flex}.left-contact h1{font-size:28px;font-weight:600}.left-contact p{color:#5f6469;margin-bottom:18px;font-size:14px;font-weight:500}.right-contact{flex-direction:column;flex:1;gap:18px;display:flex}.form-wrap{flex-direction:column;gap:4px;display:flex}.twoform{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.form-wrap label{color:#5f6469;font-size:14px}.form-wrap input,.form-wrap textarea{color:#5f6469;background:#0a0a0a;border:1px solid #5f646970;padding:12px;font-size:14px;font-weight:600}.form-wrap textarea{resize:none;height:100px!important}.contact button{color:#0a0a0a;cursor:pointer;background:#fff;border:1px solid #0a0a0a;justify-content:center;align-items:center;gap:12px;padding:12px;font-size:14px;display:flex}.contact button:hover{opacity:.8;transition:all .3s ease-in}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{text-align:center;background:#fff;border-radius:12px;width:90%;max-width:400px;padding:2.5rem;box-shadow:0 10px 30px #0000004d}.modal-content h3{color:#333;margin-bottom:1rem}.modal-content p{color:#666;margin-bottom:1.5rem}.modal-content button{color:#fff;cursor:pointer;background:#0a0a0a;border:none;border-radius:8px;padding:.8rem 2rem;font-weight:600}.modal-content button:hover{background:#333}.experience-wrap{background:#0a0a0a;flex-direction:column;align-items:start;gap:32px;padding:42px 120px;display:flex}.experience{grid-template-columns:repeat(2,1fr);gap:32px;width:100%;margin-bottom:24px;display:grid}.experience-item{color:#fff;border-bottom:1px solid #5f6469;flex-direction:column;gap:8px;padding:24px;display:flex}.experience-item:hover{cursor:pointer;border-bottom:1px solid #c2c2c2;transition:all .3s}.experience h3{color:#fff;font-size:16px;font-weight:700}.experience p{color:#5f6469;font-size:13px}@media screen and (max-width:1290px){.skils-section,.about-me,.hero-section,.project-wrap,.contact-wrap,.experience-wrap{padding:42px 100px}.navbar{padding:18px 100px}.footer{padding:34px 100px}}@media screen and (max-width:900px){.navbar{padding:18px 60px}.skils-section,.about-me,.hero-section,.project-wrap,.contact-wrap,.experience-wrap{padding:42px 50px}.footer{padding:34px 50px}.skills{grid-template-columns:repeat(1,1fr);gap:24px}.projects-grid{grid-template-columns:repeat(2,1fr)}.experience{grid-template-columns:repeat(1,1fr)}.contact{flex-direction:column}.twoform{grid-template-columns:1fr}}@media screen and (max-width:600px){.navbar{padding:18px 28px}.footer{padding:34px 28px}.skils-section,.about-me,.hero-section,.project-wrap,.contact-wrap,.experience-wrap{padding:42px 28px}.skill-group{padding:16px}.about-me h1,.hero-section h1{font-size:40px}.about-me h3,.hero-section h3{margin-bottom:0;font-size:15px}.about-me p{font-size:12px}.skill-group p{font-size:11.5px}.btn-primary,.btn-secondary{padding:10px 20px;font-size:12px}.hero-cta{gap:18px}.projects-grid{grid-template-columns:repeat(1,1fr)}.links-resume,.nav-links{display:none}.hamburger{display:flex}.footer{flex-direction:column;gap:12px}.foot-name{align-items:center}.div{display:none}.school-exp{flex-direction:column;gap:8px}.school-exp h2{font-size:14px}.experience-item{padding:16px}}@media (min-width:600px){.mobile-menu,.mobile-close,.hamburger{display:none!important}}@media screen and (min-width:1440px){.wrapper,.nav-wrapper{background:#0a0a0a;justify-content:center;display:flex}.wrapper .content{width:100%;max-width:1300px}.navbar,.footer{max-width:1300px}}