body {
	margin: auto;
	background-color: rgb(224, 195, 195);
}

header {
	background-color: #977390;
	color:rgb(224, 195, 195);
	display: flex;
	flex-direction: column;
	padding: 25px;
}

.profile-intro {
	display: flex;
	justify-content: center;
	align-items: center;
}

.navbar {
	background-color: #d5a8cc;
	border-radius: 25px;
	padding: 0px 30px;
	margin-top: 30px;


}

.navList {
  display: flex;
  justify-content:flex-start;
  list-style-type: none; /* Removes the bullet points */
  gap: 20px;             /* Adds space between the items */
  padding: 0;            /* Removes default indentation */
  color: white;
  
}
.navbar a {
	text-decoration: none;
}

.navbar a:visited {
	color: rgb(182, 152, 152);
}
.navbar a:hover {
	color: blue;
}

.navLI {
	background-color: #977390;
	border-radius: 10px;
	padding: 5px 15px;

}
.thumb {
  width: 200px;
  cursor: pointer;
  transition: transform 0.3s ease; /* Makes the "growing" look smooth */
}

/* This class will be added/removed by JavaScript */
.large {
  transform: scale(2.5); /* Makes it 2.5x bigger */
  z-index: 10;           /* Ensures it stays on top of other content */
  position: relative;
}

.sections {
	margin: 25px;
	max-width: 800px;
	margin: auto
}

.profile-pic {
	height: 250px;
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

.intro {
	max-width: 500px;
	text-align: left;
	padding: 50px;
}

.linked-in {
	width: 75px;
}

.tooltiptext {
	visibility: hidden;
	width: 130px;
	color: white;
	background-color: #977390;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	position: absolute;
	z-index: 1; 
	opacity: 0;
	transition: opacity 2s;  
}
  .tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
  }
.centered {
	display: flex;
	justify-content: center;
}