/* Don't Delete This*/
#loading_animation{
      width:100%;
      height:100%;
   	  top:0%;
   	  left:0%;
      position:fixed;
      z-index:9999;
      background-color: white;
	}
       #ani {
  display:block;
  width:258px;
  height:258px;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}
       .ani_txt1 {
  text-align:center;
  font-family:serif;
  color: #FF5959;
  font-size: 1.5rem;
  display:block;
  width:258px;
  height:258px;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-54%,20%);
}
.ani_txt2 {
	font-size: 0.7rem;
	transform:translate(-51%,32%);
}

.tree {
  fill: #FF5959;
}

.circle-mask {
  transform-origin: 50% 90%;
  animation: scale 5s infinite ease-out;
}

@keyframes scale {
  0%, 100% {
    transform: scale(0.0);
  }
  7%, 90% {
    transform: scale(0.4);
  }
  50% {
    transform: scale(1);
  }
}
 /*
 #loading_animation{
      width:100%;
      height:100%;
   	  top:0%;
   	  left:0%;
      position:fixed;
      z-index:9999;
      background-color: white;
	}
       #ani {
  display:block;
  width:258px;
  height:258px;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}

#animationContainer{
	position: absolute;
  text-align: center;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  
}

.logoanimate{
  text-align: center;
  width: 200px;
  height: 200px;
}
     .ani_txt1 {
  text-align:center;
  font-family:serif;
  color: #FF5959;
  font-size: 1.5rem;
  display:block;
  position:relative;
}
.ani_txt2 {
	font-size: 0.7rem;
}


.logoanimate {
  width: 200px;
  height: 200px;
  animation: scale 5s infinite ease-out
}

@keyframes scale {
  0%, 100% {
    transform: scale(0.0);
  }
  7%, 90% {
    transform: scale(0.4);
  }
  50% {
    transform: scale(1);
  }
}
 */