html{
	background-color: antiquewhite;
	width: 1920px;
	height: 1080px;
	margin: auto;
	overflow: hidden;
	animation: colorbackground 20s infinite;
}

body{
	margin-left: 3%%;
	margin-top: 0%;
	transform: scale(1.515);
}

header{
	display: none;
}

@keyframes rotate1{
	0%		{ transform: scale(1)  rotate(0deg); }
	10%		{ transform: scale(0)  rotate(45deg); }
	20%		{ transform: scale(1)  rotate(90deg); }
	25%		{ transform: scale(1)  rotate(90deg); }
	35%		{ transform: scale(0)  rotate(135deg); }
	45%		{ transform: scale(1)  rotate(180deg); }
	50%		{ transform: scale(1)  rotate(180deg); }
	60%		{ transform: scale(0)  rotate(225deg); }
	70%		{ transform: scale(1)  rotate(270deg); }
	75%		{ transform: scale(1)  rotate(270deg); }
	80%		{ transform: scale(0)  rotate(315deg); }
	95%		{ transform: scale(1)  rotate(360deg); }
	100%	{ transform: scale(1)  rotate(360deg); }
}

@keyframes rotate2{
	0%		{ transform:   rotateY(0deg); }
	10%		{ transform:   rotateY(90deg); }
	20%		{ transform:  rotateY(180deg); }
	25%		{ transform:  rotateY(180deg); }
	35%		{ transform:   rotateY(270deg); }
	45%		{ transform:   rotateY(360deg); }
	50%		{ transform:   rotateY(360deg); }
	60%		{ transform:   rotateY(90deg); }
	70%		{ transform:  rotateY(180deg); }
	75%		{ transform:  rotateY(180deg); }
	80%		{ transform:  rotateY(270deg); }
	95%		{ transform:   rotateY(360deg); }
	100%	{ transform:   rotateY(360deg); }
}

@keyframes rotate3{
	0%		{ transform:   rotateX(0deg); }
	10%		{ transform:   rotateX(90deg); }
	20%		{ transform:  rotateX(180deg); }
	25%		{ transform:  rotateX(180deg); }
	35%		{ transform:   rotateX(270deg); }
	45%		{ transform:   rotateX(360deg); }
	50%		{ transform:   rotateX(360deg); }
	60%		{ transform:   rotateX(90deg); }
	70%		{ transform:  rotateX(180deg); }
	75%		{ transform:  rotateX(180deg); }
	80%		{ transform:  rotateX(270deg); }
	95%		{ transform:   rotateX(360deg); }
	100%	{ transform:   rotateX(360deg); }
}

@keyframes colorbackground {
  0%   {background-color: #F06060;}
  22%  {background-color: #F3B562;}
  40%  {background-color: #8DBFB2;}
  60% {background-color: #5C4C51;}
  80% {background-color: antiquewhite;}
  100% {background-color: #F06060;}
}

.pic1 {
	width: auto;
	height: 5em;
	margin-bottom: -0.3em;
}
.pic2 {
	width: auto;
	height: 5em;
	margin-left: -0.3em;
	margin-bottom: -0.3em;
	animation: rotate1 5s infinite;
}
.pic3 {
	width: auto;
	height: 5em;
	margin-left: -0.3em;
	margin-bottom: -0.3em;
}
.pic4 {
	width: auto;
	height: 5em;
	margin-left: -0.3em;
	margin-bottom: -0.3em;
	animation: rotate2 5s infinite;
}
.pic5 {
	width: auto;
	height: 5em;
	margin-left: -0.3em;
	margin-bottom: -0.3em;
}

.pic6 {
	width: auto;
	height: 5em;
	margin-top: -50px;
	margin-bottom: -0.3em;
	animation: rotate3 5s infinite;
}
.pic6_1 {
	width: auto;
	height: 5em;
	margin-left: -5px;
	margin-bottom: -0.3em;
}

.pic7 {
	width: auto;
	height: 5em;
	margin-left: -0.37em;
	margin-bottom: -0.3em;
}

.pic8 {
	width: auto;
	height: 5.11em;
	margin-bottom: -0.3em;
}
.pic8_1 {
	width: auto;
	height: 5.11em;
	margin-left: -5px;
	margin-bottom: -0.3em;
}

.pic2_1 {
	width: auto;
	height: 5em;
	margin-left: -5px;
	margin-bottom: -0.3em;
	animation: rotate2 5s infinite;
}

.pic9 {
	width: 8.5%;
	height: 5em;
	margin-left: -0.3em;
	margin-bottom: -0.3em;
}
.pic10 {
	width: auto;
	height: 5em;
	margin-left: -0.3em;
	margin-bottom: -0.3em;
	animation: rotate1 5s infinite;
}
.pic11 {
	width: auto;
	height: 5em;
	margin-left: -0.3em;
	margin-bottom: -0.3em;
}
.pic12 {
	width: auto;
	height: 5em;
	margin-bottom: -0.3em;
}

.pic12_1 {
	width: auto;
	height: 5em;
	margin-left: -5px;
	margin-bottom: -0.3em;
}


.pic13 {
	width: auto;
	height: 5em;
	margin-left: -0.29em;
	margin-bottom: -0.3em;
	animation: rotate3 5s infinite;
}

.pic14 {
	width: auto;
	height: 5.07em;
	margin-left: -0.3em;
	margin-bottom: -0.3em;
}