body {
    background-color: #019DD8;
}

/*ONE*/
		@keyframes oneFadeOut {
		  0% {
		/*    position: absolute;
		    top: 10rem;*/
		    opacity: 0;
		    transform: translateY(-20px);
			}

		  25% {
		    opacity: 1;
			}

		  50% {
		    opacity: 1;
		  }

		  75% {
		    opacity: 1;
		  }

		  100% {
		    opacity: 1;
		  }
		}
		.first{
		  position: absolute;
		  top: 20%;
		  left: 10%;
		  animation-name: oneFadeOut;
		  animation-duration: 7s;
		  font-size: 4.4rem;
		}
/*TWO*/
		@keyframes twoFadeOut {
		  0% {
			/*    position: absolute;
		    top: 10rem;*/
		    opacity: 0;
		  }
		  25% {
		    opacity: 0;
		    transform: translateY(-20px);
			}
		  50% {
		    opacity: 1;
		  }	
		  75% {
		    opacity: 1;
		  }
		  100% {
		    opacity: 1;
		  }
		}
		.second{
		  position: absolute;
		  top: 19%;
		  left: 33%;
		  animation-name: twoFadeOut;
		  animation-duration: 7s;
		  font-size: 4.4rem;
		}

/*THREE*/
		@keyframes threeFadeOut {
		  0% {
			/*    position: absolute;
		    top: 10rem;*/
		    opacity: 0;
		  }
		  25% {
		    opacity: 0;
			}
		  50% {
		    opacity: 0;
		    transform: translateY(-20px);
		  }	
		  75% {
		    opacity: 1;
		  }
		  100% {
		    opacity: 1;
		  }
		}
		.third{
		  position: absolute;
		  top: 20%;
		  left: 54%;
		  animation-name: threeFadeOut;
		  animation-duration: 7s;
		  font-size: 4.4rem;
		}
/*FOUR*/
		@keyframes fourFadeOut {
		  0% {
			/*    position: absolute;
		    top: 10rem;*/
		    opacity: 0;
		  }
		  25% {
		    opacity: 0;
			}
		  50% {
		    opacity: 0;
		  }	
		  75% {
		    opacity: 0;
		    transform: translateY(-20px);
		  }
		  100% {
		    opacity: 1;
		  }
		}
		.fourth{
		  position: absolute;
		  top: 19%;
		  left: 75%;
		  animation-name: fourFadeOut;
		  animation-duration: 7s;
		  font-size: 4.4rem;
		}

/*-------------*/
.logoimage
{
	  height: 100px;
}

.image {
	  width: 250px;
	  height: 350px;
}
.img2 {
	  height: 360px;
}

.tool1 {

	width: 200px;
    border-radius: 5px;
    margin-top: 5px;
    /*float: left;*/
    margin-right: 20px;
    margin-bottom: 20px;
    opacity: 0.8;
}
.tool1:hover {
		width: 210px;
		opacity: 1;
}

  .floatright {
    float: right;
  }
  .floatleft {
    float: left;
  }

  .alignright{
    text-align: right;
  }
  .alignleft{
    text-align: left;
  }
  .table1 {
  		position: absolute;
	  left: 12%;
	  top: 75%;
  }

.clear {clear: both}