*{
    padding: 0;
    margin: 0;
}

#game{
    width: 1000px;
    height: 500px;
}

/* #character{
    width: 100px;
    height: 100px;
    background-color: springgreen;
    position: relative;
    top: 400px;
}*/

#character_pic{
    width: 100px;
    height: 100px;
    background-color: springgreen;
    position: relative;
    top: 400px;
}

.animate{
    animation: jump 700ms;
}

@keyframes jump{
    0%{top: 400px}
    40%{top: 280px;}
    55%{top: 280px;}
    100%{top: 400px;}

}

#block{
    width: 50px;
    height: 80px;
    background-color: rgb(0, 138, 252);
    background-image: -moz-linear-gradient();
    position: relative;
    top: 320px;
    left: 1450px;
    animation: block 1.5s infinite linear;
}

@keyframes block{
    0%{left: 1450px;}
    100%{left: -100px;}
}

body{
    background-color: rgb(249, 89, 255);
    width: 650px;
    height: 1200px;
}

#loading{
    color: rgb(0, 238, 255);
    position: relative;
    top: 60px;
    left: 100px;
    font-size: x-large;
    font-weight: bolder;
    animation: invisiblewavy 1000s infinite;
    text-decoration: none;
}

@keyframes invisiblewavy{
    0%{opacity: 1;}
    50%{opacity: 0;}
    100%{opacity: 1;}
}

@keyframes invisiblesudden{
    0%{opacity: 1;}
    1%{opacity: 0;}
    60%{opacity: 0;}
    61%{opacity: 1;}
    100%{opacity: 1;}
}

#dot1{
    color: rgb(0, 238, 255);
    position: relative;
    top: 35px;
    left: 180px;
    font-size: x-large;
    font-weight: bolder;
    animation: invisiblewavy 1.3s infinite;
}
#dot2{
    color: rgb(0, 238, 255);
    position: relative;
    top: 8.5px;
    left: 190px;
    font-size: x-large;
    font-weight: bolder;
    animation: invisiblesudden 1s infinite;
}
#dot3{
    color: rgb(0, 238, 255);
    position: relative;
    top: -19px;
    left: 200px;
    font-size: x-large;
    font-weight: bolder;
    animation: invisiblewavy 0.4s infinite;
}
#poem1{
    position: relative;
    left: 650px;
    top: -440px;
}
#poem2{
    position: relative;
    left: 925px;
    top: -950px;
}
#poem3{
    position: relative;
    left: 1270px;
    top: -1280px;
}