.mouseContainer{
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    opacity: 0;
    box-sizing: border-box;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: visibility 0.8s, opacity 0.8s;
}

.mouseContainer>#touchicon{
	width: 60%;
    margin: 25% 20%;
}

.mouseContainer>#mouseicon{
	width: 60%;
    margin: 5% 20%;
}

.mouseContainer.animate{
	visibility: visible;
	animation: hide-mouse 0.2s linear 2s forwards;
}

@keyframes hide-mouse {
    100% {opacity: 0;}
	100% {visibility: hidden;}
}
