.sprite {
    background-image: url(spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    transform:translate(-50% -50%);
    -webkit-transform:translate(-50% -50%);
}

.sprite-arrow-green {
    width: 35px;
    height: 157px;
    background-position: -1px -1px;
}

.sprite-arrows-green {
    width: 44px;
    height: 56px;
    background-position: -41px -2px;
}

.sprite-binders-orange {
    width: 83px;
    height: 78px;
    background-position: -89px -2px;
}

.sprite-chart-orange {
    width: 81px;
    height: 91px;
    background-position: -176px -2px;
}

.sprite-chat-orange {
    width: 85px;
    height: 83px;
    background-position: -261px -2px;
}

.sprite-clock {
    width: 79px;
    height: 79px;
    background-position: -350px -2px;
}

.sprite-coins-green {
    width: 21px;
    height: 111px;
    background-position: -433px -2px;
}

.sprite-folder-green {
    width: 40px;
    height: 32px;
    background-position: -41px -117px;
}

.sprite-folders-green {
    width: 51px;
    height: 40px;
    background-position: -85px -85px;
}

.sprite-folders-teal {
    width: 41px;
    height: 30px;
    background-position: -140px -117px;
}

.sprite-gears {
    width: 69px;
    height: 92px;
    background-position: -350px -85px;
}

.sprite-halfcircle-green {
    width: 46px;
    height: 94px;
    background-position: -185px -117px;
}

.sprite-halfcircle-orange {
    width: 46px;
    height: 94px;
    background-position: -235px -117px;
}

.sprite-halfcircle-teal {
    width: 46px;
    height: 94px;
    background-position: -285px -117px;
}

.sprite-lightbulb-teal {
    width: 33px;
    height: 51px;
    background-position: -423px -117px;
}

.sprite-lock-orange {
    width: 65px;
    height: 92px;
    background-position: -41px -181px;
}

.sprite-monitor-orange {
    width: 79px;
    height: 73px;
    background-position: -335px -181px;
}

.sprite-monitor-teal {
    width: 48px;
    height: 40px;
    background-position: -110px -172px;
}

.sprite-network-green {
    width: 52px;
    height: 56px;
    background-position: -423px -172px;
}

.sprite-network-orange {
    width: 78px;
    height: 86px;
    background-position: -110px -258px;
}

.sprite-pc-teal {
    width: 71px;
    height: 41px;
    background-position: -192px -258px;
}

.sprite-pig {
    width: 90px;
    height: 95px;
    background-position: -265px -256px;
}

.sprite-ping {
    width: 16px;
    height: 27px;
    background-position: -458px -2px;
}

.sprite-power-green {
    width: 85px;
    height: 99px;
    background-position: -355px -258px;
}

.sprite-power-orange {
    width: 83px;
    height: 99px;
    background-position: -2px -361px;
}

.sprite-printer-teal {
    width: 54px;
    height: 49px;
    background-position: -89px -361px;
}

.sprite-projector-teal {
    width: 60px;
    height: 25px;
    background-position: -147px -361px;
}

.sprite-purpletriangles {
    width: 91px;
    height: 118px;
    background-position: -211px -361px;
}

.sprite-ribbon {
    width: 77px;
    height: 137px;
    background-position: -476px 0px;
}

.sprite-roadways {
    width: 143px;
    height: 281px;
    background-position: -557px -2px;
}

.sprite-speaker-teal {
    width: 51px;
    height: 38px;
    background-position: -2px -287px;
}

.sprite-stack-orange {
    width: 84px;
    height: 75px;
    background-position: -444px -287px;
}

.sprite-storage-orange {
    width: 65px;
    height: 54px;
    background-position: -532px -287px;
}

.sprite-tablet-teal {
    width: 33px;
    height: 41px;
    background-position: -57px -287px;
}

.sprite-tag-teal {
    width: 27px;
    height: 44px;
    background-position: -601px -287px;
}

.sprite-triangle-blue {
    width: 75px;
    height: 77px;
    background-position: -632px -287px;
}

.sprite-triangle-green {
    width: 81px;
    height: 81px;
    background-position: -306px -368px;
}

.sprite-wifi-green {
    width: 83px;
    height: 62px;
    background-position: -391px -368px;
}


.sprite{opacity:0.8; mix-blend-mode:multiply; -web-mix-blend-mode:multiply;}

.orange-box, .green-box{
    mix-blend-mode:multiply; -web-mix-blend-mode:multiply;
    width:100px;
    height:100px;
    position:absolute;
}

.orange-box{
    background:rgba(245, 179, 36, .5);
}

.green-box{
    background:rgba(118,189,34,.3);
}

.sprite-halfcircle-teal, .sprite-halfcircle-orange, .sprite-halfcircle-green, .sprite-triangle-green{opacity:0.3;}
.sprite-triangle-blue, .sprite-arrow-green, .sprite-power-green{opacity:0.5;}