/* css styles */
.float-right {
  float: right;
  margin: 0 0 1em 1em;
  width: 250px;
}

.float-left {
  float: left;
  margin: 0 1em 1em 0;
  width: 250px;
}

.caption{
  font-size: 0.8em;
  color: #666;
}

/* Subtle hover effect for project images */
img.project-image {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 4px; /* slight rounding for polish */
}

img.project-image:hover {
  transform: scale(1.03);          /* slight zoom on hover */
  box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* soft shadow */
}