#box,
#sidePanel {
    /*puts the box and side panel side by side*/
    display: inline-block;

    /*makes the box and side panel aligned at the top*/
    vertical-align: top;
}

#box {
    /*gives dimensions and a border to the box*/
    width: 300px;
    height: 300px;
    border: 3px solid black;

    /*puts empty space to the right of the box to separate it from the side panel*/
    margin-right: 30px;
    position: relative;
}

.ball{
    width: 10px;
    height: 10px;
    border: 1px solid blue;
    border-radius: 10px;
    background-color: red;
    position: absolute;
}

body{
    background-image: url(CB.jpg)
}