body{scroll-behavior:smooth;background-color:#142214;margin:0;font-family:sans-serif;line-height:1.6;overflow-x:hidden}.nav-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#e9987a00;justify-content:center;align-items:center;width:100%;height:60px;padding:0 20px;display:flex;position:fixed;top:0;left:0}.nav-links{gap:3.5rem;margin-right:710px;list-style:none;display:flex}.nav-links a{color:#ece8e4;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;font-weight:700;text-decoration:none;transition:color .3s;position:relative}.nav-links a:hover{color:#0e0624}.nav-links a:after{content:"";background-color:#77586e;width:0;height:3px;transition:width .3s;position:absolute;bottom:-6px;left:0}.nav-links a:hover:after{width:100%}#home{flex-wrap:wrap;width:100%;height:400px;padding:130px}#home h1{color:#faf6f4;margin-top:90px;margin-bottom:-80px;font-size:4.5rem}#home h2{color:#dfe3ee;margin-bottom:-20px;font-size:3.8rem}#home p{color:#f1edeb;font-size:1.3rem}.home-image img{float:right;width:390px;height:520px;margin-top:-400px;margin-right:250px;box-shadow:0 0 2px 4px #dbd4d4}a{text-decoration:none}.firstbtn{background-color:#080807;border:none;border-radius:5px;width:170px;height:50px;padding-top:15px;font-weight:700}.firstbtn a{color:#fff;text-align:center;padding-left:35px;font-size:15px}button:hover{transform:scale(1.05);box-shadow:0 5px 15px #0003}.highlight{color:#c40010}.aboutpage{background-color:#f3eee4;gap:8rem;height:700px;display:flex}#about{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-top:-10px;margin-left:30px;display:flex}.about-me img{height:510px;margin-top:65px;margin-left:150px;box-shadow:0 0 2px 4px #52504e}#about h1{color:#0a0300;margin-top:-60px;margin-bottom:20px;font-size:3.8rem}#about p{color:#1e1e1e;max-width:600px;font-size:1.2rem;font-weight:700}.btns{gap:10px;margin-top:40px;display:flex}.download-btn,.project-btn{border:none;border-radius:10px;width:190px;padding:12px 10px;font-weight:700;transition:all .3s}.download-btn{color:#f5f5f5;background:#301803;height:40px;margin-top:-4px;box-shadow:3px 0 10px #2a282b,0 0 20px #19191d}.project-btn{color:#fff;background:linear-gradient(105deg,#0a010e,#0f0101);height:40px;margin-top:-11px;box-shadow:3px 0 10px #3e3b3f,0 0 20px #10101b}.download-btn:hover,.project-btn:hover{transform:translate(1.05px)}.Skill-sec{background-color:#080808;height:180px;margin-top:-50px}.Skill-sec div{text-align:center;gap:3rem}.Skills{color:wheat;font-size:3rem}.css-icon{max-width:50px;margin-left:40px;font-size:3rem}#projects{height:1790px}#projects h1{color:#f7f1f1;text-align:center;margin-top:50px;font-size:70px}.head{color:#f7f1f1;margin-bottom:30px;margin-left:30px;font-size:2.8rem;font-weight:700}.data-container p{text-align:center;color:#f7f1f1;margin-bottom:20px;font-size:40px;font-weight:700}.excel-cards,.SQL-cards,.Python-cards,.data-cards{grid-template-columns:repeat(3,1fr);justify-content:center;align-items:center;margin-left:55px;display:grid}.card{background-color:#fff;width:250px;height:250px}.modal-description{color:#000;text-align:justify;z-index:2500;background-color:#000;margin-top:10px;margin-bottom:15px;font-size:.6rem;line-height:1.6}.project-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:10px;width:350px;padding:10px;transition:transform .2s}.project-card:hover{transform:scale(1.05)}.card-img{object-fit:cover;border-radius:8px;width:100%;height:250px}.modal-overlay{z-index:2000;background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-box{text-align:center;z-index:2600;border-radius:12px;gap:20px;max-width:900px;max-height:90vh;padding:20px;overflow-y:auto}.modal-img{object-fit:contain;border-radius:8px;width:100%;max-height:90vh;margin-bottom:20px}.modal-buttons{justify-content:center;gap:1rem;margin-top:15px;display:flex}.modal-buttons button{cursor:pointer;border:none;border-radius:8px;width:200px;height:50px;margin-top:10px;padding:10px 18px;font-weight:700;transition:all .3s}.modal-buttons button:first-child{color:#fff;background:#444}.modal-buttons button:last-child{color:#fff;background:#2e3ecc}.modal-buttons button:hover{opacity:.85}#contact{text-align:center;background-color:#080808;height:400px;padding:50px 20px}#contact h1{color:#f5f5f5;text-transform:uppercase;margin-left:380px;font-size:3rem}#contact h2{color:#f5f5f5;margin-top:-50px;margin-left:400px;font-size:3rem}#contact img{height:400px;margin-top:-370px;margin-left:80px;display:block}#contact input{cursor:pointer;color:#f5f5f5;text-align:center;background-color:#2c1710;border:none;border-radius:8px;outline:none;width:300px;height:30px;margin-bottom:90px;margin-left:380px;padding:12px;font-weight:bolder;transform:translate(1.05px)}.input{color:#f5f5f5}.return{text-transform:uppercase;color:#fff;margin-bottom:10px;margin-left:390px;font-weight:700}footer{color:wheat;background-color:#000;height:40px;margin-top:-20px;font-size:8px;font-weight:700}@media (min-width:375px) and (max-width:1024px){.nav-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:0}.nav-links a{margin-right:5px;font-size:12px}#home{text-align:left;height:300px;padding:10px}#home h1{margin-top:120px;margin-left:20px;font-size:1.4rem}#home h2{margin-top:80px;margin-bottom:-5px;margin-left:20px;font-size:1.2rem}#home p{margin-top:5px;margin-left:20px;font-size:.5rem}.home-image img{float:right;width:125px;height:240px;margin-top:-190px;margin-right:50px}.firstbtn{width:80px;max-width:100px;height:15px;margin-top:10px;margin-left:10px;display:block}.firstbtn a{margin-top:-20px;font-size:7px}.aboutpage{flex-direction:row;max-width:100%;height:350px;margin-top:70px;padding:20px;display:flex}#about{flex-flow:column wrap;align-items:flex-start;gap:10px;display:flex}.about-me img{float:none;width:150px;max-width:calc(100% + 100px);height:230px;margin:30px 12px 12px;display:block}#about h1{margin-top:30px;margin-left:25px;font-size:1.2rem}#about p{width:100%;max-width:100%;margin-top:-20px;margin-bottom:25px;margin-right:25px;font-size:.6rem;line-height:1}.download-btn,.project-btn{border-radius:5px;width:60px;height:8px;margin-top:-25px;padding:15px;font-size:7px}.download-btn a,.project-btn a{margin-left:26px}project-btn{width:80px;margin-right:90px}.Skill-sec{height:100px}.Skills{font-size:25px}.project-btn{margin-left:20px}.projects h1{font-size:30px}.projects .head{font-size:15px}#contact{height:auto;padding:40px 20px}#contact h1,#contact h2{font-size:1rem}#contact img{float:left;width:40%;height:auto;margin:5px}#contact input{width:60%;margin:15px auto;display:block}.return{text-align:center;margin:10px auto}.excel-cards,.SQL-cards,.data-cards{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:1rem;margin-bottom:4px;padding:10px;display:flex;overflow-x:auto}.project-card,.card{flex:none;width:180px;height:200px}.excel-cards::-webkit-scrollbar{height:6px}.SQL-cards::-webkit-scrollbar{height:6px}.data-cards::-webkit-scrollbar{height:6px}.excel-cards::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.SQL-cards::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.data-cards::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.data-container p{margin-left:15px;font-size:20px}.css-icon{max-width:30px;margin-top:-4px;margin-left:20px;font-size:2rem}}
