body
{
text-align:center;
background-image:url('mazelevelcomp.png');
background-size:150%;
}
.levcomplete
{
left:0px;
top:40px;
width:100%;
height:25%;
position: absolute;
    -webkit-animation: levcomp 2s; /* Chrome, Safari, Opera */
    animation: levcomp 2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes levcomp {
    0%   {left:700px; top:40px;}
    100% {left:0px; top:40px;}
}

/* Standard syntax */
@keyframes levcomp {
    0%   {left:700px; top:40px;}
    100% {left:0px; top:40px;}
}




.nextlev
{
left:0px;
top:300px;
width:100%;
height:20%;
position: absolute;
    -webkit-animation: nextlevani 2s; /* Chrome, Safari, Opera */
    animation: nextlevani 2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes nextlevani {
    0%   {left:-300px; top:300px;}
    100% {left:0px; top:300px;}
}

/* Standard syntax */
@keyframes nextlevani {
    0%   {left:-300px; top:300px;}
    100% {left:0px; top:300px;}
}
