body {
    margin: 0
}

@media (orientation: landscape) {
    #canvas {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
}

@media (orientation: portrait) {
    #canvas {
        background-size: cover;
        background-position: center;
    }
}

/* @media (max-width: 512px) {
  #canvas {
    background-size: 200%;
    background-repeat: no-repeat;
    background-position: center;
  }
} */

.menu {
    background-image: url(assets/canvas/background.jpg);
    background-color: #fbe9c1;
}

.game {
    background-image: url(assets/canvas/background.jpg);
    background-color: #fbe9c1;
}

@font-face {
    font-family: "VagaRound";
    src: url("assets/font/QTVagaRound-Bold.ttf");
}