/* Reset */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Poppins',sans-serif;background:#1c1c1c;color:#fff;overflow-x:hidden;}

/* Navbar */
.navbar{background:#800020;padding:15px 5%;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;width:100%;z-index:10;}
.logo{font-weight:600;font-size:1.5rem;color:#FFD700;text-decoration:none;}
.nav-links{list-style:none;display:flex;gap:20px;}
.nav-links a{color:#FFD700;text-decoration:none;font-weight:500;}
.nav-links a:hover{color:#fff;}

/* Landscape container */
.landscape-container{display:flex;flex-direction:row;height:100vh;scroll-snap-type:x mandatory;overflow-x:auto;scroll-behavior:smooth;}

/* Sections */
.section{min-width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;scroll-snap-align:start;padding:0 5%;}

/* Hero */
#hero{background:#800020;color:#FFD700;flex-direction:row;gap:50px;display:flex;align-items:center;}
.profile-pic{width:200px;height:200px;border-radius:50%;border:5px solid #FFD700;object-fit:cover;}
.hero-text h1{font-size:2.5rem;margin-bottom:10px;}
.hero-text p{font-size:1.2rem;}

/* About */
#about{background:#1c1c1c;color:#FFD700;text-align:center;}
#about p{max-width:600px;margin-top:20px;}

/* Skills */
#skills{background:#333;color:#FFD700;}
h2{text-align:center;margin-bottom:30px;}
.skills-row{display:flex;gap:30px;justify-content:space-around;flex-wrap:wrap;}
.skill{flex:1;min-width:200px;}
.skill span{display:block;margin-bottom:5px;}
.skill-bar{background:#222;height:20px;border-radius:10px;overflow:hidden;}
.skill-fill{height:100%;background:#FFD700;width:0;border-radius:10px;transition:width 1s;}

/* Experience */
#experience{background:#800020;color:#FFD700;display:flex;flex-direction:column;align-items:center;}
.experience-row{display:flex;gap:30px;overflow-x:auto;padding:20px;}
.experience-card{min-width:250px;background:#1c1c1c;padding:20px;border-radius:10px;flex-shrink:0;}

/* Projects */
#projects{background:#1c1c1c;color:#FFD700;}
.projects-row{display:flex;gap:30px;overflow-x:auto;padding:20px;}
.project-card{min-width:250px;background:#800020;padding:20px;border-radius:10px;flex-shrink:0;transition:transform 0.3s;}
.project-card:hover{transform:translateY(-5px);}

/* Contact */
#contact{background:#333;color:#FFD700;display:flex;flex-direction:row;gap:50px;flex-wrap:wrap;justify-content:center;align-items:center;padding:40px;}
form{flex:1;display:flex;flex-direction:column;gap:15px;max-width:400px;}
input,textarea{padding:10px;border-radius:5px;border:none;}
button{background:#FFD700;color:#800020;border:none;padding:10px;font-weight:600;cursor:pointer;border-radius:5px;transition:0.3s;}
button:hover{background:#fff;color:#800020;}
.socials{flex:1;display:flex;gap:20px;justify-content:center;font-size:1.2rem;}

/* Scrollbars */
.landscape-container::-webkit-scrollbar{height:10px;}
.landscape-container::-webkit-scrollbar-thumb{background:#FFD700;border-radius:5px;}
.landscape-container::-webkit-scrollbar-track{background:#333;}
/* Base Colors */
:root {
  --gold: #d4af37;
  --dark-gray: #333;
  --light-ivory: #f9f5e6;
  --white: #ffffff;
}

/* Body */
body {
  font-family: 'Arial', sans-serif;
  background-color: var(--white);
  color: var(--dark-gray);
  margin: 0;
  padding: 0;
}

/* Footer */
footer p {
  font-family: 'Arial', sans-serif;
}

footer a img {
  transition: transform 0.3s;
}

footer a img:hover {
  transform: scale(1.1);
}