.pfp {
  transition: transform 1s ease;
  width: 100%;
  object-fit: fill;
  border-radius: 50%;
}

.pfp_container {
  transition: transform 1s ease;
  width: 200px;
  height: 200px;
  object-fit: fill;
  border-radius: 50%;
}

.pfp_container:hover img {
  transition: transform 1s ease;
  transform: scale(1.1); /* Scale the image to 120% */
}

a {
  color: skyblue;
}

a:active {
  color: rgb(175, 245, 175); /* Green color when the link is being clicked */
}

.container_home {
  display: flex;
  justify-content: center; /* Horizontally center */
  align-items: center; /* Vertically center */
  height: 100vh; /* Make the container take full viewport height */
  flex-direction: column;
}

.background {
  background-color: rgb(34, 34, 34);
  color: white;
}

.container_proj {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.title {
  text-align: center;
}

.preview-img {
  height: 300px;
  border-radius: 10px;
}

.preview_desc {
  text-align: right;
  width: 500px;
}

.project_entry {
  width: 500px;
  margin-bottom: 50px;
}

.nav_bar {
  text-align: center;
  height: 100px;
  background-color: rgb(34, 34, 34);
}

.godot_logo {
  width: 200px;
  height: 200px;
}

.hcontainer {
  display: flex; /* Flexbox layout */
  flex-direction: row; /* Arrange children in a row (default) */
  justify-content: flex-start; /* Align children to the left */
  align-items: center; /* Vertically center items (optional) */
  gap: 15px; /* Optional: space between elements */
}

.tool_image {
  transition: transform 0.5s ease;
  height: 80px;
}

.tool_image_invert {
  transition: transform 0.5s ease;
  height: 70px;
  filter: invert(1);
}

.toolbox {
  margin-bottom: 50px;
}

.tool_container:hover img {
  transition: transform 0.5s ease;
  transform: scale(1.2); /* Scale the image to 120% */
}

.tool_container {
  transition: transform 1s ease;
}