@media screen and (max-width: 375px) {
    .buttons {
        display: block;
        background-color: red;
    }
    .up {
        margin-left: 170px;
        margin-top: -270px;
    }
    #canvas {
        width: 300px;
    }
    h2 {
        margin-left: 130px;
    }
    h4 {
        margin-left: 110px;
    }
    .down {
        margin-left: 170px;
        margin-top: 10px;
    }
    .right {
        margin-top: 10px;
    }
}

@media screen and (max-width: 500px) {
    .buttons {
        display: block;
        background-color: red;
    }
    .up {
        margin-left: 170px;
        margin-top: -270px;
    }
    #canvas {
        width: 300px;
    }
    h2 {
        margin-left: 130px;
    }
    h4 {
        margin-left: 110px;
    }
    .down {
        margin-left: 170px;
        margin-top: 10px;
    }
    .right {
        margin-top: 10px;
    }
}