canvas {
    background:url('coordinate_plan.jpg');
}

#arrow {
    width: 100px;
    height: 100px;
    background: black;
}

#box {
    width: 200px;
    text-align: right;
    position: absolute;
    top: 30px;
    left: 532px;
}

#Rbox {
    width: 200px;
    text-align: right;
    position: absolute;
    top: 60px;
    left: 532px;
}

#trigIdentity {
    width: 500px;
    position: absolute;
    top: 625px;
    left: 90px;
}

#trigBox {
    width: 500px;
    position: absolute;
    top: 650px;
    left: 90px;
}

#pythagorasTheorem {
    width: 500px;
    position: absolute;
    top: 625px;
    left: 480px;
}

#pythagorasBox {
    width: 500px;
    text-align: right;
    position: absolute;
    top: 650px;
    left: 200px;
}


#mode {
    position: absolute;
    left: 35px;
    top: 35px;
}

#mode img {
    width: 100px;
}

#pos_x {
    position: absolute;
    top: 400px;
    left: 410px;
}