/* @group animation */

@keyframes ken-burns1 {
	0%    { opacity: 1; transform: scale(1.02); }
	20%   { opacity: 1; transform: scale(1.1); }
	20.1% { opacity: 1; transform: scale(1); }
	40%   { opacity: 1; }
	80%   { opacity: 1; }
	96%   { opacity: 1; transform: scale(1); }
	100%  { opacity: 1; transform: scale(1.02); }
}
@keyframes ken-burns2 {
	0%    { opacity: 0; }
	16%   { opacity: 0; transform: scale(1); }
	20%   { opacity: 1; }
	40%   { opacity: 1; transform: scale(1.1); }
	40.1% { opacity: 0; transform: scale(1); }
	100%  { opacity: 0; }
}
@keyframes ken-burns3 {
	0%    { opacity: 0; }
	36%   { opacity: 0; transform: scale(1); }
	40%   { opacity: 1; }
	60%   { opacity: 1; transform: scale(1.1); }
	60.1% { opacity: 0; transform: scale(1); }
	100%  { opacity: 0; }
}
@keyframes ken-burns4 {
	0%    { opacity: 0; }
	56%   { opacity: 0; transform: scale(1); }
	60%   { opacity: 1; }
	80%   { opacity: 1; transform: scale(1.1); }
	80.1% { opacity: 0; transform: scale(1); }
	100%  { opacity: 0; }
}
@keyframes ken-burns5 {
	0%    { opacity: 0; transform: scale(1); }
	76%   { opacity: 0; transform: scale(1); }
	80%   { opacity: 1; }
	96%   { opacity: 1; }
	100%  { opacity: 0; transform: scale(1.1); }
}
.ken-burns-slides {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  background-color: #000000;
}
.ken-burns-slides>* {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
	animation-duration: 25s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: normal;
}
.ken-burns-slides>*:nth-of-type(1) {
  background-image: url(/workshop/images/IMG_6248.jpg);
  animation-name: ken-burns1;
}
.ken-burns-slides>*:nth-of-type(2) {
  background-image: url(/workshop/images/IMG_6295.jpg);
  animation-name: ken-burns2;
}
.ken-burns-slides>*:nth-of-type(3) {
  background-image: url(/workshop/images/IMG_6321.jpg);
  animation-name: ken-burns3;
}
.ken-burns-slides>*:nth-of-type(4) {
  background-image: url(/workshop/images/IMG_6393.jpg);
  animation-name: ken-burns4;
}
.ken-burns-slides>*:nth-of-type(5) {
  background-image: url(/workshop/images/IMG_6416.jpg);
  animation-name: ken-burns5;
}

/* @end */