body{font-family:"PT Serif",serif}body{margin:0;overflow:hidden}.container{scroll-snap-type:y mandatory;overflow-y:scroll;display:flex;flex-direction:column;overflow:auto;height:100vh}.section{scroll-snap-align:start;flex-shrink:0;height:100vh}.section:nth-child(1){background:linear-gradient(135deg,#2c2c2c,#000)}.section:nth-child(2){background-color:#f5f5f5;color:#333}.section:nth-child(3){background-color:#fff;color:#000}.section:nth-child(4){background-color:#eaeaea;color:#333}@media (max-width: 768px){.container{scroll-snap-type:none}.section{height:auto;padding:20px}}.intro{position:relative;height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center}.intro h2{font-size:24px;font-weight:400;color:#ffffffe6;border-right:2px solid rgba(255,255,255,.9);white-space:nowrap;overflow:hidden;display:inline-block;animation:blink .7s step-end infinite;height:30px;line-height:30px}.mouse-text{position:absolute;pointer-events:none;font-size:16px;color:#fffc;font-weight:700;transform:translate(-50%,-50%);white-space:nowrap;animation:fadeOut 2s ease forwards}.brush{position:absolute;width:10px;height:10px;background:#fffc;border-radius:50%;pointer-events:none;animation:fadeOut 1.5s ease-out forwards}.intro-buttons{margin-top:20px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;align-items:center;/}.intro-buttons button{font-family:inherit;padding:10px 20px;font-size:16px;color:#fff;background-color:#444;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.intro-buttons button:hover{background-color:#666;transform:scale(1.05)}.intro-buttons button:active{background-color:#333;transform:scale(.95)}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}@keyframes blink{50%{border-color:transparent}}@media (max-width: 768px){.intro{height:100vh}}.job-experience{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;padding:20px;height:100%;background-color:#f5f5f5}.card{display:flex;flex-direction:column;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden;width:350px;margin:20px;height:600px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:scale(1.05);box-shadow:0 8px 12px #0003}.card-image{width:100%;height:200px;object-fit:fill;background-color:#f5f5f5}.card-content{flex-grow:1;padding:15px;display:flex;flex-direction:column;justify-content:space-between}.card-title{font-size:18px;font-weight:700;margin-bottom:10px;color:#333}.card-description{font-size:14px;color:#555;margin-bottom:10px}.card-tasks{list-style:disc;padding-left:20px;color:#555}.card-tasks li{margin-bottom:5px}@media (max-width: 768px){.card{overflow:auto}}.projects{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;padding:20px;height:100%;background-color:#fff}.project-card{display:flex;flex-direction:column;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden;width:300px;margin:20px;height:450px;overflow-y:auto;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:scale(1.05);box-shadow:0 8px 12px #0003}.project-card-image{width:100%;height:200px;object-fit:fill;background-color:#f5f5f5}.project-card-content{flex-grow:1;padding:15px;display:flex;flex-direction:column;justify-content:space-between}.project-card-title{font-size:18px;font-weight:700;margin-bottom:10px;color:#333}.project-card-description{font-size:14px;color:#555;margin-bottom:10px}.project-card-button{font-family:inherit;padding:8px 15px;font-size:14px;color:#fff;background-color:#444;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.project-card-button:hover{background-color:#666}.project-card-github-button{display:inline-block;margin-top:10px;padding:8px 15px;font-size:14px;color:#fff;background-color:#333;text-decoration:none;border-radius:5px;transition:background-color .3s ease;text-align:center}.project-card-github-button:hover{background-color:#555}.project-card-features{list-style:none;padding-left:0;margin-top:10px;color:#555}.project-card-features li{margin-bottom:5px;padding:5px 10px;display:flex;align-items:center;border-radius:5px;background-color:#f9f9f9}.project-card-features li:nth-child(odd){background-color:#eaeaea}.feature-icon{margin-right:10px;font-size:18px;color:#444}.contact-container{max-width:100%;max-height:100%;margin:0 auto;padding:40px;background-color:#fff;border-radius:15px;box-shadow:0 8px 15px #0003;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh}.contact-title{font-size:2.5rem;margin-bottom:30px;color:#222;font-weight:700}.contact-info p{font-size:1.3rem;margin:10px 0;color:#444}.contact-info a{color:#0073b1;text-decoration:none}.contact-info a:hover{text-decoration:underline}.contact-info i{margin-right:8px;color:#0073b1}.contact-buttons{margin-top:30px;display:flex;gap:20px}.contact-button{display:inline-flex;align-items:center;justify-content:center;padding:15px 25px;font-size:1.2rem;font-weight:700;color:#fff;text-decoration:none;border-radius:8px;transition:transform .2s,background-color .3s ease;box-shadow:0 4px 6px #0000001a}.contact-button i{margin-right:10px;font-size:1.5rem}.contact-button.linkedin{background-color:#0077b5}.contact-button.linkedin:hover{background-color:#005582;transform:scale(1.05)}.contact-button.github{background-color:#24292e}.contact-button.github:hover{background-color:#1b1f23;transform:scale(1.05)}.navbar{position:fixed;top:0;left:0;width:100%;background-color:#000000b3;color:#fff;display:flex;justify-content:center;gap:40px;padding:20px 0;z-index:1000;box-shadow:0 2px 5px #0003}.navbar button{font-family:inherit;background:none;border:none;color:#fff;font-size:16px;cursor:pointer;transition:color .3s ease}.navbar button.active{background-color:#fff3;color:#fff;font-weight:700;border-radius:5px}.navbar button:hover{color:#aaa}.navbar-header{display:none}.dropdown{display:flex;justify-content:center;gap:10px;padding:10px 0}@media (max-width: 768px){.navbar{flex-direction:column;align-items:flex-start;padding:10px;height:auto}.dropdown{flex-direction:column;background-color:#000000e6;position:absolute;top:50px;left:0;width:100%;z-index:999;box-shadow:0 4px 8px #0000004d;pointer-events:auto}.navbar button{margin:5px 0}.navbar .dropdown-toggle{display:block}.navbar-header h2{margin:0;font-size:20px;color:#fff;text-align:center;flex-grow:1;display:flex;justify-content:center;align-items:center}.navbar-header{display:flex;justify-content:space-between;width:100%}.navbar-header h2{margin:0;font-size:20px;color:#fff;text-align:center;flex-grow:1}.navbar .dropdown{display:none}.navbar.open .dropdown{display:flex}}.technologies{padding:40px 20px;text-align:center;background-color:#f9f9f9;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.technologies h2{font-size:28px;font-weight:700;margin-bottom:10px;color:#333}.technologies-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:50%;margin:10px auto 0;justify-items:center}.technology-card{display:flex;flex-direction:column;align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:15px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.technology-card:hover{transform:scale(1.05);box-shadow:0 6px 10px #00000026}.technology-image{width:80px;height:80px;object-fit:contain;margin-bottom:10px}.technology-name{font-size:16px;font-weight:500;color:#555}@media (max-width: 768px){.technologies{height:auto;width:100%;padding:0}.technologies-grid{grid-template-columns:repeat(2,1fr);gap:10px;width:90%;margin:0 auto}.technology-card{width:80%}}