canvas {
    border: 2px solid black;
}

.panel-start {
    background-image: url('/assets/img/backgrounds/panel-start.jpg');
    background-size: cover;

}

.panel {
    max-width: 1000px;
    max-height: 800px;
    width: 100%;
    height: 100%;
}

.hidden {
    display: none !important;
}

.end-panel {
    background-image: url('/assets/img/backgrounds/game-over-panel.png');
    background-size: cover;
    background-position: no-repeat;
    max-width: 1000px;
    max-height: 800px;
    width: 100%;
    height: 100%;
}

#btn-start-game {
    background-image: url('/assets//img/buttons/button_blue.png');
    background-size: cover;
    max-width: 120px;
    max-height: 40px;
    width: 100%;
    height: 100%;
    margin-top: 280px;
    margin-left: 450px;
    
}
#btn-leaderboards {
    background-image: url('/assets//img/buttons/button_blue.png');
    background-size: cover;
    max-width: 120px;
    max-height: 40px;
    width: 100%;
    height: 100%;
    margin-left: 450px;
}

#btn-retry {
    background-image: url('/assets//img/buttons/button_red.png');
    background-size: cover;
    max-width: 120px;
    max-height: 40px;
    width: 100%;
    height: 100%;
    margin-top: 280px;
}

.game-controls {
    right: 30px;
    top: 40px;
}