/* Smooth scrolling for the entire page */
html {
  scroll-behavior: smooth;
}

/* Add scroll margin to sections to account for fixed navigation */
section {
  scroll-margin-top: 80px;
}

.body {
  color: white;
  min-height: 100vh;
  position: relative;
  overflow-x: hidden;
    
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  
  /* Add padding to account for fixed navigation */
  padding-top: 70px;
}

/* Removed legacy animated gradient background */

/* Removed legacy purple background circles */

/* ============================ Welcome (Legacy) ============================= */
/* Removed legacy Home layout styles: welcome container, text, image */
/* Keeping .purple and .MyNameIs for other sections */

.purple {
    color: #866ce2;
    position: relative;
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s ease;
}

.purple::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #866ce2;
    transition: width 0.4s ease;
}

.purple:hover::after {
    width: 100%;
}

.MyNameIs {
  font-size: small;
  opacity: 40%;
  font-weight: bold;
}




/* ======================= Projects ======================= */

.division {
  text-align: center;
  padding: 20px 0;
  margin: 20px auto;
  width: fit-content; 
}

.division p {
  padding-top: 90px;
  font-size: 14px;
  margin: 0;
  font-weight: bold;
}

.division h1 {
  margin: 10px 0 0;
  font-size: 32px;
}


/* ===================== END ============================ */

* {
  box-sizing: border-box;
}