.mouseContainer{
	width: 100%;
    height: 100%;
    visibility: hidden;
    position: absolute;
    top: 0%;
    z-index: 9;
    left: 0%;
    opacity: 0.9;
    background-color: var(--mkpi_02);
    font-family: var(--mkpi_light);
	box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-direction: column;
}

.mouseContainer > img {
    max-height: 350px;
}

.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;}
}