@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{font-family:Poppins,sans-serif}html{overflow-x:hidden}body{height:max-content;background-color:#fff;padding:0;margin:0;overflow-x:hidden}.main-section{display:flex;flex-direction:column;height:fit-content}#bg{z-index:0}.box{padding:0;display:flex;align-items:center;justify-content:center;position:absolute;right:70px;top:200px;width:510px;height:510px;background-color:#15151a;visibility:visible}.progress{mix-blend-mode:difference;margin-top:20px;margin-bottom:30px;position:fixed;top:0;right:15px;background:#fff;border-radius:9999px;width:10px;height:90vh;z-index:11}.navbar a{color:#fff;font-size:large;text-decoration:none}.navbar{z-index:10;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;gap:70px;width:100%;padding:20px;color:#fff;mix-blend-mode:difference}.info-section{display:flex;flex-direction:column;gap:10px;padding:20px;margin-bottom:100px;height:40vh;width:50%;z-index:9}.info-section h1{color:#15151a;font-size:35px}p{padding:0;margin:0;font-size:20px}.para{display:flex;flex-direction:column;gap:40px}.para p{font-size:16px}.icons{display:flex;flex-direction:row;gap:15px}.sub-title{display:flex;flex-direction:column;gap:10px;max-width:fit-content}.title-block{display:flex;flex-direction:column;gap:2px;width:auto;background-color:#15151a;padding:80px 0 140px 40px}.tech-stack h2{font-size:30px;font-weight:600;color:#15151a}h1{padding:0;margin:0;font-size:80px;font-weight:600;font-style:normal;color:#fff}#h1{font-size:50px;color:#15151a}h2{color:#e8e8e8;padding:0;margin:0;font-size:x-large;font-weight:400;font-style:normal}.project-section{padding-left:20px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:30px;margin-right:70px}.project-card{display:flex;flex-direction:column;width:30%;border:4px solid #15151a;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer;position:relative}.project-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s;z-index:1;pointer-events:none}.project-card:hover:before{left:100%}.project-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 50px #15151a4d;border-color:#2a2a35}.project-card img{width:100%;object-fit:fill;transition:transform .4s ease}.project-card:hover img{transform:scale(1.05)}.project-card h2{color:#2b2b35;transition:color .3s ease}.project-details{background:#15151a;color:#e8e8e8;padding:15px;height:100%;position:relative;transition:all .3s ease}.project-card:hover .project-details{background:#1a1a25;padding:20px 15px}.project-details h2{color:#fff;transition:all .3s ease;position:relative}.project-card:hover .project-details h2{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.project-details p{transition:all .3s ease}.project-card:hover .project-details p{color:#f0f0f0;transform:translateY(-2px)}.projects h1{margin-left:20px;color:#15151a;font-size:35px;position:relative;display:inline-block}.projects h1:after{content:"";position:absolute;width:0;height:3px;bottom:-5px;left:0;background-color:#15151a;transition:width .6s ease}.projects:hover h1:after{width:100%}.projects p{font-size:14px}.projects a{text-decoration:none;color:#fff;position:relative;transition:all .3s ease}.projects a:hover{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.5)}.projects{animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-card:nth-child(1){animation:slideInLeft .6s ease-out .1s both}.project-card:nth-child(2){animation:slideInLeft .6s ease-out .2s both}.project-card:nth-child(3){animation:slideInLeft .6s ease-out .3s both}.project-card:nth-child(4){animation:slideInLeft .6s ease-out .4s both}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.contact-section{display:flex;flex-direction:column;height:fit-content;gap:20px;padding:40px 20px;background-color:#15151a;color:#fff}.contact-section h1{color:#fff;font-size:35px;font-weight:700;margin-bottom:20px}.contact-info{display:flex;flex-direction:column;gap:25px}.contact-item{display:flex;flex-direction:column;gap:8px}.contact-item h3{color:#fff;font-size:20px;font-weight:600;margin:0}.contact-item p{color:#e8e8e8;font-size:16px;margin:0}.contact-item a{color:#e8e8e8;text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:#fff}.links-section{display:flex;flex-direction:column;gap:20px;padding:40px 20px;margin-bottom:100px}.links-section h1{color:#15151a;font-size:35px;font-weight:700;margin-bottom:20px}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.link-card{background-color:#15151a;padding:25px;border-radius:8px;transition:transform .3s ease}.link-card:hover{transform:translateY(-5px)}.link-card h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 10px}.link-card p{color:#e8e8e8;font-size:14px;margin:0 0 15px}.link-card a{color:#e8e8e8;text-decoration:none;font-weight:500;transition:color .3s ease}.link-card a:hover{color:#fff}.mobile{visibility:hidden}@media screen and (max-width: 1130px){.box{visibility:hidden}#title-block{padding:80px 0 80px 40px}#name-tag{font-size:40px}#sub-title h2{font-size:20px}#h1{font-size:18px}.navbar{visibility:hidden}.info-section{width:95%}}@media screen and (max-width: 950px){.project-section{align-items:center;justify-content:center;margin-right:0;padding:20px}.project-card{width:1000px}.links-grid{grid-template-columns:1fr}}@media screen and (max-width: 600px){.progress{visibility:hidden}.contact-info{gap:20px}.contact-item h3{font-size:18px}.contact-item p{font-size:14px}}