@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');




body {
  font-family: 'Inter', sans-serif;
  margin-left: 270px;
  background: #fff;
  color: #000;
}


.fixed-return {
  position: fixed;
  top: 80%;
  left: 100px;
  transform: translateY(-50%);
  font-family: 'Inter', sans-serif;
  font-size: 30px; /* adjust as needed */
  text-decoration: none;
  color: black
}


.fixed-return2 {
  position: fixed;
  top: 80%;
  left: 100px;
  transform: translateY(-50%);
  font-family: 'Inter', sans-serif;
  font-size: 30px; /* adjust as needed */
  text-decoration: none;
  color: white
}



.page-wrapper {
  display: flex;
  max-width: 1000px;
  font-family: 'Inter', sans-serif;
  gap: 40px; /* optional spacing between menu and content */
  align-items: flex-start; /* align top edges */
  font-size: 30px;
}





a:hover {
    font-family: 'Inter', sans-serif;
  color: #aaa;           /* lighter grey */
}






a {
  position: relative;
  display: inline-block;
  font-family: 'Inter', sans-serif;
}






.trace-container {
  position: relative;
  max-width: 800px;
  padding: 40px;
}

.trace-image {
  max-width: 800px;
  display: block;
  margin-bottom: 40px;
  transition: opacity 2s ease;
}



    /* General fade-in for content */
.content-fade {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1.2s ease, transform 1.2s ease;
}

.content-fade.visible {
  opacity: 1;
  transform: translateY(0);
}