p {margin:0px; padding:0px; line-height:100%}

html,body { 

height:100%;

margin:0%; padding:0px; 
-webkit-text-size-adjust:100%;
overflow:hidden;

}



#FULLBODY{
	
	
	display:none;
	background-color:rgb(240,190,25);
}

#HOME{
	
	display:block;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgb(50,50,50);
}

#IMG{
	
	

	display:block;
	position:absolute;
	width:200px;
	left:50%;
	top:50%;
transform: translate(-50%,-50%)  rotateZ(0deg) ;
	border-radius:50%;
	/* animation: ZOOM 2s linear infinite; */
	margin:auto;
	/* background-color:black; */
	
z-index:999;
}

#IMG2{
	
	

	display:block;
	position:absolute;
	width:200px;
	left:50%;
	top:50%;
transform: translate(-50%,-50%)  rotateZ(0deg) ;
	/* border-radius:50%; */
	/* animation: ZOOM 2s linear infinite; */
	margin-top:-200px;
	/* background-color:black; */
	
z-index:999;
}



#IMGBABY{
	
	

	display:block;
	position:absolute;
	width:100px;
	/* height:200px; */
	left:50%;
	top:50%;
transform: translate(-50%,-50%)  rotateZ(0deg) ;
	/* border-radius:50%; */
	/* animation: ZOOM 2s linear infinite; */
	margin-left:-150px;
	margin-top:100px;
	
	/* background-color:black; */
	border-radius:50%;
z-index:999;
}
#IMGKIDS{
	
	

	display:block;
	position:absolute;
	width:100px;
	left:50%;
	top:50%;
transform: translate(-50%,-50%)  rotateZ(0deg) ;
	/* border-radius:50%; */
	/* animation: ZOOM 2s linear infinite; */
	margin-top:200px;
	border-radius:50%;
	/* background-color:black; */
	
z-index:999;
}
#IMG410{
	
	

	display:block;
	position:absolute;
	width:100px;
	left:50%;
	top:50%;
	border-radius:50%;
transform: translate(-50%,-50%)  rotateZ(0deg) ;
	/* border-radius:50%; */
	/* animation: ZOOM 2s linear infinite; */
	margin-left:150px;
	margin-top:100px;
	/* background-color:black; */
	
z-index:999;
}

#btn{
	width:100%;
	height:50px;
	z-index:999;
	text-align:center;
	
}
#IMG1{
	
	

	display:block;
	position:absolute;
	
	left:250px;
	
	top:50%;
	transform:translateY(250px);
	margin:2px;
	width:50px;
	height:50px;
	/* border-radius:50%; */
	/* animation: ZOOM 2s linear infinite; */
	/* margin:auto; */
	/* background-color:black; */
	
	z-index:999;
	}

@media screen and (orientation: landscape) {
#IMG1{
	
	

	display:block;
	position:absolute;
	
	left:50%;
	
	top:250px;
	transform:translateX(250px);
	margin:2px;
width:50px;
height:50px;
	/* border-radius:50%; */
	/* animation: ZOOM 2s linear infinite; */
	/* margin:auto; */
	/* background-color:black; */
	
z-index:999;
}
}
#IFR1{
	
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgb(240,190,25);
}

#VOLUME1{
	
	
		display:grid;
	grid-template-columns: repeat(5, 1fr);
	position:relative;
	left:0px;
	top:0px; 
	width:100%; 
	height:50px; 
	/* background:rgb(150,150,150); */
	
	
}
#VOLUME2{
	
	
		display:grid;
	grid-template-columns: repeat(5, 1fr);
	position:relative;
	left:0px;
	top:0px; 
	width:100%; 
	height:50px; 
	/* background:rgb(150,150,150); */
	
	
}
#VOLUME3{
	
	
		display:grid;
	grid-template-columns: repeat(5, 1fr);
	position:relative;
	left:0px;
	top:0px; 
	width:100%; 
	height:50px; 
	/* background:rgb(150,150,150); */
	
	
}
#VOLUME4{
	
	
		display:grid;
	grid-template-columns: repeat(5, 1fr);
	position:relative;
	left:0px;
	top:0px; 
	width:100%; 
	height:50px; 
	/* background:rgb(150,150,150); */
	
	
}
#VOLUME5{
	
	
		display:grid;
	grid-template-columns: repeat(5, 1fr);
	position:relative;
	left:0px;
	top:0px; 
	width:100%; 
	height:50px; 
	/* background:rgb(150,150,150); */
	
	
}
#VOLUME6{
	
	
		display:grid;
	grid-template-columns: repeat(5, 1fr);
	position:relative;
	left:0px;
	top:0px; 
	width:100%; 
	height:50px; 
	/* background:rgb(150,150,150); */
	
	
}
#VOLUME7{
	
	
		display:grid;
	grid-template-columns: repeat(5, 1fr);
	position:relative;
	left:0px;
	top:0px; 
	width:100%; 
	height:50px; 
	/* background:rgb(150,150,150); */
	
	
}
#VOLUME8{
	
	
		display:grid;
	grid-template-columns: repeat(5, 1fr);
	position:relative;
	left:0px;
	top:0px; 
	width:100%; 
	height:50px; 
	/* background:rgb(150,150,150); */
	
	
}
#VOLUME9{
	
	
		display:grid;
	grid-template-columns: repeat(5, 1fr);
	position:relative;
	left:0px;
	top:0px; 
	width:100%; 
	height:50px; 
	/* background:rgb(150,150,150); */
	
	
}
#VOLUME10{
	
	
		display:grid;
	grid-template-columns: repeat(5, 1fr);
	position:relative;
	left:0px;
	top:0px; 
	width:100%; 
	height:50px; 
	/* background:rgb(150,150,150); */
	
	
}

#VOLUME11{
	
	
		display:grid;
	grid-template-columns: repeat(5, 1fr);
	position:relative;
	left:0px;
	top:0px; 
	width:100%; 
	height:50px; 
	/* background:rgb(150,150,150); */
	
	
}
#VOLUME12{
	
	
		display:grid;
	grid-template-columns: repeat(5, 1fr);
	position:relative;
	left:0px;
	top:0px; 
	width:100%; 
	height:50px; 
	/* background:rgb(150,150,150); */
	
	
}
#VOLUME13{
	
	
		display:grid;
	grid-template-columns: repeat(5, 1fr);
	position:relative;
	left:0px;
	top:0px; 
	width:100%; 
	height:50px; 
	/* background:rgb(150,150,150); */
	
	
}
#VOLUME14{
	
	
		display:grid;
	grid-template-columns: repeat(5, 1fr);
	position:relative;
	left:0px;
	top:0px; 
	width:100%; 
	height:50px; 
	/* background:rgb(150,150,150); */
	
	
}
#VOLUME15{
	
	
		display:grid;
	grid-template-columns: repeat(5, 1fr);
	position:relative;
	left:0px;
	top:0px; 
	width:100%; 
	height:50px; 
	/* background:rgb(150,150,150); */
	
	
}
#VOLUME16{
	
	
		display:grid;
	grid-template-columns: repeat(5, 1fr);
	position:relative;
	left:0px;
	top:0px; 
	width:100%; 
	height:50px; 
	/* background:rgb(150,150,150); */
	
	
}
#VOLUME17{
	
	
		display:grid;
	grid-template-columns: repeat(5, 1fr);
	position:relative;
	left:0px;
	top:0px; 
	width:100%; 
	height:50px; 
	/* background:rgb(150,150,150); */
	
	
}
#VOLUME18{
	
	
		display:grid;
	grid-template-columns: repeat(5, 1fr);
	position:relative;
	left:0px;
	top:0px; 
	width:100%; 
	height:50px; 
	/* background:rgb(150,150,150); */
	
	
}
.scale1{
	
	color:white;
	font-size:10px;
	animation: ZOOM1 6s linear infinite;
}
.scale2{
	
	color:white;
	font-size:10px;
	animation: ZOOM2 6s linear infinite;
}
.scale3{
	
	color:white;
	font-size:10px;
	animation: ZOOM3 6s linear infinite;
}
.scale4{
	
	color:white;
	font-size:10px;
	animation: ZOOM4 6s linear infinite;
}
.scale5{
	
	color:white;
	font-size:10px;
	animation: ZOOM5 6s linear infinite;
}

@keyframes ZOOM1 {
    0% {
     transform: scale(1); }
  50% {
     transform: scale(2); }
	  100% {
     transform: scale(1); }
}

@keyframes ZOOM2 {
    0% {
     transform: scale(1); }
  50% {
     transform: scale(0.5); }
	  100% {
     transform: scale(1); }
}
@keyframes ZOOM3 {
    0% {
     transform: scale(0.5); }
  50% {
     transform: scale(1); }
	  100% {
     transform: scale(0.5); }
}

@keyframes ZOOM4 {
    0% {
     transform: scale(2); }
  50% {
     transform: scale(1); }
	  100% {
     transform: scale(2); }
}

@keyframes ZOOM5 {
    0% {
     transform: scale(1); }
  50% {
     transform: scale(1.5); }
	  100% {
     transform: scale(1); }
}