https://nithineluvathingal.com Nithin Eluvathingal Sun, 01 Mar 2026 23:41:28 +0000 https://nithineluvathingal.com en https://nithineluvathingal.com/Home Sun, 01 Mar 2026 23:41:28 +0000 Nithin Eluvathingal https://nithineluvathingal.com/Home /* Base Variables & Reset */ :root { --bg-color: #ffffff; --text-color: #111111; --font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; --spacing: 2rem; } /* Force page and container to allow full scrolling */ html, body, .page, .page_container, .content, .page_content, .main_container { height: auto !important; min-height: 100% !important; overflow: visible !important; } body { margin: 0; padding: 0; background-color: var(--bg-color); color: var(--text-color); font-family: var(--font-family); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { color: inherit; text-decoration: none; } /* Header - flows naturally at the top, not a detached fixed overlay */ .site-header { position: relative !important; top: auto !important; width: 100%; padding: var(--spacing) var(--spacing) 1.5rem var(--spacing); box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; background-color: transparent !important; z-index: 10; } .site-title { font-size: 1.15rem; font-weight: 500; margin: 0; letter-spacing: -0.01em; } .site-nav { display: flex; gap: 1.5rem; } .site-nav a { font-size: 1rem; opacity: 0.6; transition: opacity 0.3s ease; } .site-nav a:hover { opacity: 1; } /* Main Content Layout - Overrides Cargo's auto-injected position:fixed */ .main-content { position: relative !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; height: auto !important; min-height: auto !important; overflow: visible !important; padding: 0 var(--spacing) var(--spacing) var(--spacing); max-width: 1400px; margin: 0 auto; box-sizing: border-box; } /* Project Grid */ .project-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3.5rem 2.5rem; /* Vertical gap, horizontal gap */ } .project-card { display: flex; flex-direction: column; gap: 0.8rem; } .project-image-wrapper { width: 100%; aspect-ratio: 4 / 3; overflow: hidden; background-color: #f5f5f5; } .project-image { width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease; display: block; } .project-card:hover .project-image { opacity: 0.85; /* Subtle fade effect on hover */ } .project-title { font-size: 1rem; font-weight: 400; margin: 0; color: var(--text-color); } /* Responsive Design for Mobile */ @media (max-width: 768px) { .project-grid { grid-template-columns: 1fr; gap: 2rem; } .site-header { padding: 1.25rem 1rem; } .main-content { padding: 0 1rem 1rem 1rem; } :root { --spacing: 1rem; } } Nithin Eluvathingal About Contact <img src="https://freight.cargo.site/w/960/q/94/i/d171b2624e78e3110b8dcaaffac7b861e50b58adb64bd3b0b10a9a7ead4eb37d/original_62a56108799f0273835708bd6d78e5b2.gif" alt="Knock on Wood" class="project-image"> Knock on Wood <img src="https://freight.cargo.site/w/1500/q/75/i/bf80d2e9139f5ba7532b5ef8a7a2966a2d47c734f187cb5be3b11fbded0b3278/Walkig-GIf.gif" alt="Portable Black Cat Radar" class="project-image"> Portable Black Cat Radar <img src="https://freight.cargo.site/w/960/q/94/i/4ac91d74d7c2e63a76427cd335b7e149f30cafb9f8ea7aaf1cf8e15d514c56f7/Time-Lines-Demo-Cam.gif" alt="Timelines" class="project-image"> Timelines <img src="https://freight.cargo.site/w/1500/q/75/i/cb9c3482e5c03cd1c61375e937b52aed872c22afdb0de0e3de016e81f3a71e9c/Outdoor-3.jpg" alt="Project 4" class="project-image"> Climate Controlled Dosa Picnic Basket