#canvas-background {
    position: absolute;
    width: 500px;
    height: 500px;
    background-image: url(../Images/bioreactor-background.png);
    background-position: center;
    background-repeat: no-repeat;
}

#canvas {
    width: 500px;
    height: 500px;
}

#canvas-mask {
    position: absolute;
    width: 500px;
    height: 500px;
    left: 15px;
    top: 12px;
    background-image: url(../Images/bioreactor.png);
    background-position: center;
    background-repeat: no-repeat;
}

#waves {
    position: absolute;
    width: 187px;
    height: 28px;
    left: 201px;
    top: 107px;
    z-index: 3;
    opacity: 0;
}

.progress-bar {
    background-color: #F03;
    width: 100%;
}

#progress-bar1 {
    top: 29px;
    left: 91px;
    width: 102px;
}

#progress-bar2 {
    top: 456px;
    left: 367px;
    width: 62px;
}

#progress-bar3 {
    top: 126px;
    left: 496px;
    width: 18px;
}

#progress-bar4 {
    top: 284px;
    left: -164px;
    width: 440px;
}

#progress-bar5 {
    top: 70px;
    left: 222px;
    width: 13px;
}

#progress-bar6 {
    top: 407px;
    left: 317px;
    width: 29px;
}

#progress-bar7 {
    top: 291px;
    left: 332px;
    width: 262px;
}