/* styles.css */

/*
.container {


    position: relative;


    width: 100%;


    height: 100vh;


    overflow: hidden;


}
*/


.flying-image {


    position:fixed;


    top: 80%;


    left: 50%;


    transform: translate(-50%, -50%);


    animation: flyin 0.8s ease-out forwards;
	animation: unflyin 0.4s ease-out forwards;
	animation: flyin 0.8s ease-out forwards;
	animation: unflyin 0.4s ease-out forwards;


}

.flying-image1 {


    position:fixed;


    top: 40%;


    left: 50%;


    transform: translate(-50%, -50%);


    animation: flyin1 2s ease-out forwards;


}

.flyleft {


    position:fixed;


    top: 30%;


    left: 50%;


    transform: translate(-50%, -50%);


    animation: flyin2 0.4s ease-out forwards;


}

@keyframes flyin {


    0% {


        top: 100%;


    }


    100% {


        top: 50%;


    }

@keyframes unflyin {


    0% {


        top: 500%;


    }


    100% {


        top: 100%;


    }
}
@keyframes flyin1 {


    0% {


        top: 90%;


    }


    100% {


        top: 60%;


    }
}
@keyframes flyin2 {


    0% {


       right: 100%;


    }


    100% {


        right: 50%;


    }


}

.up_div {


    position:fixed;


    bottom: 5%;


    right:  5%;




}