canvas{
    width: 300px;
    cursor: pointer;
}

#reload-hover, #clickarea, #legal-hover, #cta-hover, #legal-x{
    background-image: url(../images/clear.png);
    cursor: pointer;
}

#clickarea{
    width: 300px;
    height: 250px;
    top: 0px;
    left: 0px;
    position: absolute;
}

#reload-hover{
    width: 30px;
    height: 30px;
    top: 220px;
    left: 270px;
    position: absolute;
}

#cta-hover{
    width: 82px;
    height: 26px;
    top: 150px;
    left: 120px;
    position: absolute;
}
    
#legal-hover{
    width: 84px;
    height: 20px;
    top: 226px;
    left: 120px;
    position: absolute;
}

#legal-x{
    width: 20px;
    height: 20px;
    top: 24px;
    left: 276px;
    position: absolute;
}