.watcher {
	display:inline-flex;
	position:absolute;
	left:0;
	bottom:0;
	width:100px;
	height:100px;
	z-index:50;
}

#WATCHEYE {
  	animation:sentinel;
  	animation-duration:16s;
  	animation-iteration-count:infinite;
	animation-timing-function:linear;
}

@keyframes sentinel {
	0% {translate: 0;}
	50% {translate: 90vw -15vh;}
	80% {translate: 90vw;}
	85% {translate: 85vw;}
	90% {translate: 45vw -35vh;}
	100% {translate: 0;}
	0% {rotate: 0deg;}
	75% {rotate: 0deg;}
	80% {rotate: 0deg;}
	85% {rotate: -180deg;}
	100% {rotate: -360deg;}
}

#WATCHEYEALARM{
  	animation:sentinelalarm;
  	animation-duration:16s;
  	animation-iteration-count:infinite;
	animation-timing-function:linear;
}

@keyframes sentinelalarm {
	0% {translate: 0;}
	50% {translate: 75vw;}
	65% {translate: 70vw;}
	70% {translate: 70vw -20vh;}
	75% {translate: 55vw -30vh;}
	90% {translate: 40vw -10vh;}
	95% {translate: 25vw -5vh;}
	100% {translate: 0;}
	0% {rotate: 0deg;}
	80% {rotate: 0deg;}
	85% {rotate: 180deg;}
	100% {rotate: -360deg;}
}

#SENT_x5F_EYE {
  	animation:sentieye;
  	transform-origin: 50px 30px;
  	animation-duration:2s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

@keyframes sentieye {
	from {transform:rotateY(0deg);}
	to  {transform:rotateY(180deg);}
	0% {filter:hue-rotate(0deg);}
	50% {filter:hue-rotate(180deg);}
	100% {filter:hue-rotate(0deg);}
}

#SENT_x5F_PUPI {
  	animation:sentipupi;
  	animation-duration:2s;
  	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}

@keyframes sentipupi {
	from {filter:brightness(100%);}
	to {filter:brightness(250%);}
}