body {
    height: 100vh;
    margin: 0;
}

#container {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

#wrapper {
    height: 648px;
    width: 584px;
}

canvas {
    height: 100%;
    width: 100%;
}

@media (480px <= width <= 640px) {
    #wrapper {
        height: 476px;
        width: 438px;
    }
}

@media (width <= 480px) {
    #wrapper {
        height: 324px;
        width: 292px;
    }
}