.half{
			position: absolute;
			top: 0px;
			height: 100%;
		}
		.left{
			left: 0px;
			width: 50%;
			background-color: pink;
			animation: leftswitch 10s infinite alternate;
		}
		.right{
			right:0px;
			width: 50%;
			background-color: limegreen;
			animation: rightswitch 10s infinite alternate;
		}

		@keyframes leftswitch {
			10% {
				left: 0px;
				width: 50%;
				background-image: none;
				background-color: yellow;
			} 20% {
				left: 0px;
				width: 50%;
				background-image: none;
				background-color: forestgreen;
			} 30% {
				left: 0px;
				width: 50%;
				background-image: none;
				background-color: tomato;
			} 40% {
				left: 0px;
				width: 50%;
				background-image: none;
				background-color: powderblue;
			} 50% {
				left: 0px;
				width: 50%;
				background-image: none;
				background-color: sandybrown;
			} 60% {
				left: 0px;
				width: 50%;
				background-image: none;
				background-color: mediumblue;
			} 70% {
				left: 0px;
				width: 50%;
				background-image: none;
				background-color: khaki;
			} 80% {
				left: 0px;
				width: 50%;
				background-image: none;
				background-color: orange;
			} 90% {
				left: 0px;
				width: 50%;
				background-image: none;
				background-color: gold;
			} 100% {
				left: 0px;
				width: 50%;
				background-image: none;
				background-color: lightgray;
			}
		}

		@keyframes rightswitch {
			10% {
				right: 0px;
				width: 50%;
				background-image: none;
				background-color: aquamarine;
			} 20% {
				right: 0px;
				width: 50%;
				background-image: none;
				background-color: cornsilk;
			} 30% {
				right: 0px;
				width: 50%;
				background-image: none;
				background-color: cornflowerblue;
			} 40% {
				right: 0px;
				width: 50%;
				background-image: none;
				background-color: darkorchid;
			} 50% {
				right: 0px;
				width: 50%;
				background-image: none;
				background-color: firebrick;
			} 60% {
				right: 0px;
				width: 50%;
				background-image: none;
				background-color: darkseagreen;
			} 70% {
				right: 0px;
				width: 50%;
				background-image: none;
				background-color: darksalmon;
			} 80% {
				right: 0px;
				width: 50%;
				background-image: none;
				background-color: darkslateblue;
			} 90% {
				right: 0px;
				width: 50%;
				background-image: none;
				background-color: lightpink;
			} 100% {
				right: 0px;
				width: 50%;
				background-image: none;
				background-color: darkturquoise;
			}
		}