#gameBegin, #controls, #gameOver, #settings, #leaderboard {
position: relative;
z-index: 2; /*Ensure the controls are on top*/
}
.sidenav {
position: fixed;
height: 100%; /* 100% Full-height */
width: 0px; /* 0 width - change this with JavaScript */
z-index: 3; /* Stay on top */
top: 0; /* Stay at the top */
left: 0;
overflow-x: hidden; /* Disable horizontal scroll */
padding-top: 60px; /* Place content 60px from the top */
transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
background-color: black;
border-style: dotted;
border-color: green;
}
.timer{
position: fixed;
height: 6%; /* 100% Full-height */
width: 20%; /* 0 width - change this with JavaScript */
z-index: 3; /* Stay on top */
top: 10%; /* Stay at the top */
left: 70%;
background-color: white;
opacity: 0.9;
color: black;
text-shadow: 1.5px 1.5px grey;
/* border properties */
border-style: double;
border-color: grey;
border-width: medium;
}
canvas {
animation: fadeInAnimation ease-in 1s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
border-style: double;
border-color: white;
border-width: 3px;
}
audio: {
pink: { src: "/audio/platformer/Harharhar.mp3" },
space: { src: "/audio/platformer/space.mp3" },
honor: { src: "/audio/platformer/honor.mp3" },
buzzer: { src: "/audio/platformer/UWU.mp3" }
}