body,h1,h2,h3,p,ul{margin:0;padding:0}body{font-family:Arial,sans-serif;margin:0;padding:40px 0 0;background-color:#f4f4f4}.navbar{background-color:#333;overflow:hidden;position:fixed;top:0;width:100%;z-index:1000}.nav-container{max-width:1200px;margin:auto;padding:0 20px}.nav-logo{float:left;display:block;color:#fff;text-align:center;padding:14px 16px;text-decoration:none;font-size:18px}.nav-menu{list-style-type:none;float:right}.nav-item{float:left}.nav-link{display:block;color:#fff;text-align:center;padding:16px;text-decoration:none;transition:background-color .3s ease-in-out}.nav-link:hover{background-color:#ddd;color:#000}.home-section{display:flex;justify-content:center;align-items:center;height:90vh;text-align:center;padding:20px}#home-container{max-width:800px;margin:20px auto;padding:20px;background-color:#fff;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.profile-photo{min-width:100px;min-height:100px;max-width:300px;max-height:300px;border-radius:50%;margin-bottom:20px}h1{margin:20px 0 10px;font-size:24px}p{font-size:16px;line-height:1.6}.about-section{height:100vh;text-align:center;padding:20px}#about-container{max-width:800px;margin:20px auto;padding:20px;background-color:#fff;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1)}#about-container p{color:#666;margin-bottom:4px}#about-container h1,#about-container h2{color:#4064db;margin-top:20px;margin-bottom:2px}#about-container h1{font-size:2.5rem}#about-container h2{font-size:2rem}#about-container p,li{font-weight:700;font-size:1rem}#skills{list-style-type:none;padding:0;text-align:center}#skills li{display:inline-block;margin:5px;background-color:#007bff;color:#fff;padding:5px 15px;border-radius:8px;transition:background-color .3s ease}#contact-info{margin-top:20px}#contact-info p{font-weight:700;color:#007bff}#project-container{max-width:800px;margin:40px auto;padding:0 20px}.project-section{background-color:#f9f9f9;padding:50px 20px}.project{background-color:#fff;padding:20px;margin-bottom:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.project:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.2)}.project h2{color:#333;font-weight:400;margin-bottom:15px}.project p{color:#666;font-weight:700;margin-bottom:20px}table{width:100%;border-collapse:collapse;margin-top:20px;overflow:hidden;border-radius:10px}td,th{border:1px solid #ddd;padding:8px;text-align:left}th{background-color:#333;color:#fff}tr:nth-child(2n){background-color:#f2f2f2}#body-dark{background-color:#646363}.dark-section{display:flex;justify-content:center;align-items:center;text-align:center;padding:20px}#dark-container{max-width:800px;margin:20px auto;padding:20px}#dark-container h1,#dark-container p{color:#fff}#secret{background-color:#fff;padding:20px;margin-bottom:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}#secret:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.2)}#secret h2{margin-top:0}#secret p{color:#252525}.contect{top:50%;transform:translate(-50%,-50%)}.contect,.nav2{position:absolute;left:50%}.nav2{bottom:20px;transform:translateX(-50%);display:flex}.click{width:40px;height:10px;border:2px solid #ffecd7;border-radius:10px;margin:3px}.click:hover{background:#79736d}#silde{width:100%;height:100%}.contect2{display:none;flex-direction:column}.contect2 div img{float:right;width:100%;height:100%}@media (max-width:768px){section{height:auto}#about-container h1{font-size:2rem}#about-container h2{font-size:1.5rem}}#popup-box p{color:#000}.page_page__ZU32B{--gray-rgb:0,0,0;--gray-alpha-200:rgba(var(--gray-rgb),0.08);--gray-alpha-100:rgba(var(--gray-rgb),0.05);--button-primary-hover:#383838;--button-secondary-hover:#f2f2f2;display:grid;grid-template-rows:20px 1fr 20px;align-items:center;justify-items:center;min-height:100svh;padding:80px;grid-gap:64px;gap:64px;font-family:var(--font-geist-sans)}@media (prefers-color-scheme:dark){.page_page__ZU32B{--gray-rgb:255,255,255;--gray-alpha-200:rgba(var(--gray-rgb),0.145);--gray-alpha-100:rgba(var(--gray-rgb),0.06);--button-primary-hover:#ccc;--button-secondary-hover:#1a1a1a}}.page_main__GlU4n{display:flex;flex-direction:column;gap:32px;grid-row-start:2}.page_main__GlU4n ol{font-family:var(--font-geist-mono);padding-left:0;margin:0;font-size:14px;line-height:24px;letter-spacing:-.01em;list-style-position:inside}.page_main__GlU4n li:not(:last-of-type){margin-bottom:8px}.page_main__GlU4n code{font-family:inherit;background:var(--gray-alpha-100);padding:2px 4px;border-radius:4px;font-weight:600}.page_ctas__g5wGe{display:flex;gap:16px}.page_ctas__g5wGe a{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:128px;height:48px;padding:0 20px;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:20px;font-weight:500}a.page_primary__V8M9Y{background:var(--foreground);color:var(--background);gap:8px}a.page_secondary__lm_PT{border-color:var(--gray-alpha-200);min-width:180px}.page_footer__sHKi3{grid-row-start:3;display:flex;gap:24px}.page_footer__sHKi3 a{display:flex;align-items:center;gap:8px}.page_footer__sHKi3 img{flex-shrink:0}@media (hover:hover) and (pointer:fine){a.page_primary__V8M9Y:hover{background:var(--button-primary-hover);border-color:transparent}a.page_secondary__lm_PT:hover{background:var(--button-secondary-hover);border-color:transparent}.page_footer__sHKi3 a:hover{text-decoration:underline;text-underline-offset:4px}}@media (max-width:600px){.page_page__ZU32B{padding:32px 32px 80px}.page_main__GlU4n{align-items:center}.page_main__GlU4n ol{text-align:center}.page_ctas__g5wGe{flex-direction:column}.page_ctas__g5wGe a{font-size:14px;height:40px;padding:0 16px}a.page_secondary__lm_PT{min-width:auto}.page_footer__sHKi3{flex-wrap:wrap;align-items:center;justify-content:center}}@media (prefers-color-scheme:dark){.page_logo__7fc9l{filter:invert()}}