body {
  background-color: #dcc9b6;
}

section {
  position: relative;
  width: 30%;
  height: 400px;
  margin: calc(10% / 6);
  display: inline-block;
  border-radius: 20px;
  background-position: center;
  background-size: cover;
}

.text-container {
  position: absolute;
  color: white;
  font-family: "Poppins", sans-serif;
  font-size: 0.9em;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  box-sizing: border-box; /* Include padding and border in the element's total width and height */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

section::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: linear-gradient(#313638 5%, rgba(0, 0, 0, 0.7) 100%);
  opacity: 0;
  transition: opacity 0.55s ease;
}

.text-container::before {
  content: "";
  opacity: 0;
  transition: opacity 0.55s ease;
}

.sec1 .text-container::before {
  content: "I was born in Fountain Valley, CA to two loving parents and my older sister, Christy. ";
}

.sec2 .text-container::before {
  content: "I think it's safe to say I was a pretty cool kid. ";
}

.sec3 .text-container::before {
  content: "As the child of hardworking immigrants, I had to learn to grow up pretty fast - meaning driving myself to school in my stylish cool yellow jeep at the early age of 7. Jokes aside, I had to take on many roles well beyond what was typical for someone my age. Given my parent's limited English, I became their personal translator to bridge language barriers, their document liason to navigate the intricate maze of paperwork as well as their own go-to IT problem-solver, tackling computer issues and printer malfunctions with the help of Google. These early responsibilities not only built my practical skills but also instilled in me a deep sense of resilience and adaptability.";
}
.sec4 .text-container::before {
  content: "Growing up, I was taught to prioritize my education and believe in the transformative power it could have in changing my family’s financial future. In high school, I graduated as salutatorian and was accepted to every college I applied to. Ultimately, I chose to stay close to home. In Fall 2019, I began my journey at UC Irvine as a proud first-generation, low-income college student on a full ride.";
}
.sec5 .text-container::before {
  content: "Initially on the pre-med track, I majored in Biology and specialized in Human Biology because I was fascinated by the human body and wanted to better understand the anatomical structures and systems that keep us alive. As a pre-med student, I volunteered at UC Irvine Medical Center, interned at Irvine Urgent Care, and worked as both a medical assistant and lab technician.";
}
.sec6 .text-container::before {
  content: "COVID hit at the end of my first year and continued throughout much of my second and third years of college. During that time, I had a lot of space for self-reflection and for several personal reasons, I began questioning whether pursuing a career in healthcare was truly the right path for me.";
}

.sec7 .text-container::before {
  content: "Lucky for me, college is the best time to explore. I began researching different career paths, initially considering other pre-health fields such as dentistry, nursing, and pharmacy. However, none of them truly resonated with me. It wasn’t until I took a spontaneous Python coding elective in my final year of college that I discovered something I genuinely enjoyed struggling through.";
}

.sec8 .text-container::before {
  content: "In June 2023, I graduated from UC Irvine with a Bachelor’s in Human Biology. Prior to graduation, I seriously considered staying an extra year to pursue a computer science minor or a master’s degree. However, due to financial constraints, it was not feasible for me at the time.";
}

.sec9 .text-container::before {
  content: "Instead, I focused my energy on finding stable employment to support myself and my family as a first-generation college graduate. I accepted a role at my alma mater as a coordinator for the TRIO Scholars Program, which supports students from backgrounds similar to mine, low-income, first-generation college students. While working full-time, I spent evenings and weekends continuing to refine my coding skills. (P.S. I’m dressed as one of the two Toads in the photo.)";
}

.sec10 .text-container::before {
  content: "It definitely wasn’t easy. The journey felt isolating and discouraging at times, especially navigating a competitive job market and the uncertainty that came with post-grad life. Along the way, I also went through several personal and professional transitions, but I kept pushing forward.";
}

.sec11 .text-container::before {
  content: "Every day, I focused on getting just 1% better, staying consistent with my learning and building momentum over time. Eventually, I enrolled in community college Java courses and started building personal projects, including BearTracks, my first full-stack project and my first experience building something from start to finish.";
}

.sec12 .text-container::before {
  content: "And now, I’m here! Grateful for how far I’ve come and ready for whatever comes next!";
}

section:hover::before,
.text-container:hover::before {
  opacity: 0.75;
}

.sec1 {
  background-image: url(assets/images/pic12.jpg);
}

.sec2 {
  background-image: url(assets/images/pic2.jpg);
}

.sec3 {
  background-image: url(assets/images/pic3.jpg);
}

.sec4 {
  background-image: url(assets/images/pic5.jpeg);
}

.sec5 {
  background-image: url(assets/images/pic6.JPG);
}

.sec6 {
  background-image: url(assets/images/pic17.PNG);
}

.sec7 {
  background-image: url(assets/images/pic18.PNG);
}

.sec8 {
  background-image: url(assets/images/pic11.JPG);
}

.sec9 {
  background-image: url(assets/images/pic9.JPG);
}

.sec10 {
  background-image: url(assets/images/pic15.PNG);
  background-position: center -200px;
}

.sec11 {
  background-image: url(assets/images/pic20.png);
  background-position: center -150px;
}

.sec12 {
  background-image: url(assets/images/pic19.JPG);
}
nav {
  text-transform: uppercase;
  color: #582f0e;
  margin: 0 calc(10% / 6);
  font-family: "Raleway", sans-serif;
  font-size: 25px;
  display: flex;
  justify-content: space-between; /* pushes left + right apart */
  align-items: center;
}

.heart {
  color: #515a47;
}

.nav-title {
  font-family: "Poppins", sans-serif;
  font-size: 25px;
  margin-left: 6px;
  color: #582f0e;
  text-transform: lowercase;
  font-weight: 300;
}

.nav-hint {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  margin-left: 8px;
  color: #582f0e;
  text-transform: lowercase;
  opacity: 0.7;
}

hr {
  margin: 0 calc(10% / 6);
  height: 2px;
  border: none;
  border-radius: 20px;
  background-color: #582f0e;
}