.firetruck { position: absolute; left: -260px; bottom: 10px; width: 250px; height: 78px; animation: truckDrive 14s linear infinite; } .firetruck .body { position: absolute; left: 28px; top: 22px; width: 150px; height: 30px; background: #d81e1e; border-radius: 8px; border: 2px solid #911313; } .firetruck .cab { position: absolute; left: 160px; top: 14px; width: 58px; height: 38px; background: #e53030; border-radius: 10px 12px 8px 8px; border: 2px solid #911313; } .firetruck .window { position: absolute; left: 173px; top: 19px; width: 24px; height: 14px; background: #9fd4ff; border-radius: 4px; } .firetruck .stripe { position: absolute; left: 34px; top: 34px; width: 138px; height: 5px; background: #f7d76b; } .firetruck .hose { position: absolute; left: 112px; top: 30px; width: 26px; height: 14px; border: 3px solid #f7d76b; border-radius: 8px; } .firetruck .ladder { position: absolute; left: 54px; top: 10px; width: 108px; height: 8px; background: #c9c9c9; border-radius: 6px; } .firetruck .bumper { position: absolute; left: 210px; top: 40px; width: 22px; height: 8px; background: #bbb; border-radius: 3px; } .firetruck .wheel, .firetruck .wheel2 { position: absolute; width: 28px; height: 28px; background: #111; border-radius: 50%; bottom: 0; border: 4px solid #666; } .firetruck .wheel { left: 58px; } .firetruck .wheel2 { left: 174px; } .firetruck .light { position: absolute; right: 16px; top: 8px; width: 14px; height: 10px; background: #7ec4ff; border-radius: 4px; box-shadow: 0 0 14px rgba(126,196,255,0.9); animation: flash 0.7s infinite; } .firetruck .light2 { position: absolute; left: 40px; top: 18px; width: 14px; height: 10px; background: #ffcc55; border-radius: 4px; box-shadow: 0 0 12px rgba(255,204,85,0.8); animation: flash 0.9s infinite; }