/*---------- css for PWD Javascript ZELDA game---------------*/
body{
    margin: 0;
    padding: 0;
    animation: heyoo 120s
     infinite;
}

 @keyframes heyoo {
    0% {background-color: rgb(170, 255, 0);}
    5% {background-color: rgb(0, 255, 17);}
    10% {background-color: rgb(14, 189, 166);}
    15% {background-color: rgb(52, 22, 169);}
    20% {background-color: rgb(255, 0, 230);}
    25% {background-color: rgb(25, 215, 47);}
    30% {background-color: rgb(255, 187, 0);}
    35% {background-color: rgb(88, 13, 79);}
    40% {background-color: rgb(255, 0, 0);}
    45% {background-color: rgb(0, 208, 255);}
    50% {background-color: rgb(15, 117, 105);}
    55% {background-color: rgb(0, 255, 132);}
    60% {background-color: rgb(0, 255, 76);}
    65% {background-color: rgb(45, 0, 244);}
    70% {background-color: rgb(208, 255, 0);}
    75% {background-color: rgb(38, 255, 0);}
    80% {background-color: rgb(255, 0, 157);}
    85% {background-color: rgb(0, 251, 255);}
    90% {background-color: rgb(170, 0, 255);}
    95% {background-color: rgb(242, 255, 0);}
    100% {background-color: rgb(255, 200, 0);}
} 

    

#container {
    display: block;
    margin: auto;
    margin-top: 75px;
    width: 805px;
}
canvas {
    display: block;
}

#canvasBg{
    background: rgb(255, 238, 0)
}
#overlapping canvas {
    margin: -600px 0 0;
}