#imageBox,
#controlPanel {
    /*puts the image box and control panel side by side*/
    display: inline-block;

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

#imageBox {
    /*gives dimensions to the image box*/
    width: 300px;
    height: 300px;

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

#image{
    width: 100%;
}
body{
    
    background-image: url(back.jpg);
    background-size: 100%;
    text-align: center;
    
    
}