.main{
	/*padding-top: 75px;*/
}

.bgimage {
	/*background-image: url('image/mainbg.png');*/
	background-size: 500px auto;
}

.fullscreen-section {
    height: 100vh; /* 100% of the viewport height */
    width: 100vw;  /* 100% of the viewport width */
}

.textbottom{
	text-a
}

.contacttop{
position: fixed;
  margin: -20px;
   left: 0;
   top: 3%;
   width: 100%;
   height: auto;
   text-align: right;
   z-index: -100;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 10%;
  height: auto;
}

.button1{
	background-color: #c465b1;
}

.textonimage{
	position: absolute;
	 top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

movingtext {
  /*background-image: url('image/cloud1.gif');*/
  color: white;
  padding: 1.5rem;
  font-size: 2.5rem;
  display: inline-block;
    text-align: center;

}

movingtext:hover{
  		transition: 0.4s;
  font-size: 3rem;
        pointer-events: none;
		

}

movingtext img:hover{
      transition: 0.4s;
	  width: 450px;
	  height: auto;
      pointer-events: auto;
	  
}


movingtext.f1 {
  animation: f1 2.5s infinite;
  animation-timing-function: ease-in-out
}

movingtext.f2 {
  animation: f2 2.6s infinite;
  animation-timing-function: ease-in-out
}

movingtext.f3 {
  animation: f2 2.4s infinite;
  animation-timing-function: ease-in-out
}

movingtext.f4 {
  pointer-events: none;
  user-select: none;
  animation: f2 2.4s infinite;
  animation-timing-function: ease-in-out
}

@keyframes f1 {
  0% { transform: translateY(10px);}
  50% { transform: translateY(-10px);}
  100% { transform: translateY(10px);}
}


@keyframes f2 {
  0% { transform: translateY(-10px);}
  50% { transform: translateY(10px);}
  100% { transform: translateY(-10px);}
}


body {
	  margin: 20px;
	  font-family: peralta;
	  height: 100px;
	  background-image: url('image/sitebganimated.gif');
      background-repeat: no-repeat;
      background-attachment: fixed; 
      background-size: 100% 100%;
	}

.footer {
   position: fixed;
   left: 0;
   bottom: -0.5%;
   width: 100%;
   height: auto;
   text-align: right;
    z-index: -100;
}
   
.footerstatic {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%; 
	margin: 20px;
}
