/* trasition styles */
/* picture gallery */
/* © Chris Holmes 2026 */
@keyframes fadein {
  0%  	{opacity: 0;}
  100%	{opacity: 1;}
}

@keyframes fadeout {
  0%  	{opacity: 1;}
  70%	{opacity: 0;}
  100%	{opacity: 0;}
}

@keyframes zoomin {
  0%	{transform: scale(0);}
  100%	{transform: scale(1);}
}

@keyframes zoomout {
  0%  	{transform: scale(1);}
  100%	{transform: scale(0);}
}

@keyframes leftin {
 0%   	{transform: translateX(160%);}
 100% 	{transform: translateX(0%);}
}

@keyframes leftout {
 0%   	{transform: translateX(0%);}
 100% 	{transform: translateX(-180%);}
}

@keyframes rightin {
 0%   	{transform: translateX(-160%);}
 100% 	{transform: translateX(0);}
}

@keyframes rightout {
 0%   	{transform: translateX(0%);}
 100% 	{transform: translateX(180%);}
}

@keyframes upin {
 0%   	{transform: translateY(160%);}
 100% 	{transform: translateY(0%);}
}

@keyframes upout {
 0%   	{transform: translateY(0%);}
 100% 	{transform: translateY(-180%);}
}

@keyframes downin {
 0%   	{transform: translateY(-160%);}
 100% 	{transform: translateY(0%);}
}

@keyframes downout {
 0%   	{transform: translateY(0%);}
 100% 	{transform: translateY(180%);}
}