body, html { background-color: #2FA380; text-align: center; } .gun { width: 166px; height: 45px; background-color: #F0EFE9; margin: 40px auto; text-align: center; box-shadow: inset 0px 15px 0px rgba(255, 255, 255, 0.8), inset 0px -15px 0px rgba(0, 0, 0, 0.2); transform: translateX(75px); -webkit-transform: translateX(75px); -moz-transform: translateX(75px); -ms-transform: translateX(75px); -o-transform: translateX(75px); transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; } .gunTrapLeft { width: 0px; height: 21px; border: 12px solid transparent; border-right: 13px solid #CFCAC0; margin-left: -25px; box-shadow: 3px 0px 0px #3B2E4E; position: absolute; } .gunTrapLeft > .trapDec { width: 0px; height: 5px; border: 4px solid transparent; border-left: 10px solid #3B2E4E; margin-left: 16px; margin-top: 4px; position: absolute; } .sensor { width: 2px; height: 7px; background-color: #2FA380; position: absolute; margin-left: 7px; } .sensorOne { margin-top: 0px; } .sensorTwo { margin-top: 13px; } .gunTrapRight { width: 0px; height: 21px; border: 12px solid transparent; border-left: 13px solid #CFCAC0; margin-left: 166px; position: absolute; } .gunTrapLeftWire { width: 4px; height: 8px; background-color: #3B2E4E; position: absolute; margin-left: -3px; } .GTLWtwo { margin-top: 13px; } .gunTrapRight > .trapDec { width: 0px; height: 15px; border: 7px solid transparent; border-right: 7px solid #CFCAC0; margin-left: -27px; margin-top: -3px; position: absolute; } .gunTrapRight > .trapDec > .screw { width: 5px; height: 5px; background-color: #323232; border-radius: 100%; position: absolute; margin-left: 2px; } .gunTrapRight > .trapDec > .screwTwo { margin-top: 10px; } .gunTrapRight > .trapDec > .trapDec { width: 0px; height: 7px; border: 5px solid transparent; border-right: 5px solid #3B2E4E; margin-left: 10px; margin-top: -2px; position: absolute; } .gunTrapRight .trapDec .trapDec .curveDec { width: 5px; height: 29px; background-color: #3B2E4E; margin-left: 5px; margin-top: -11px; border-radius: 20px 0px 0px 20px; position: absolute; } .blueStripeStart { width: 16px; height: 45px; background-color: #3A2F4F; margin-left: 57px; position: absolute; } .blueStripeStart > .threeDTop { width: 16px; height: 15px; background-color: #444965; position: absolute; } .blueStripeStart > .threeDBottom { width: 16px; height: 15px; background-color: #322642; margin-top: 30px; position: absolute; } .orangeStripeStart { width: 33px; height: 45px; background-color: #FF760E; margin-left: 88px; position: absolute; } .orangeStripeStart > .threeDTop { width: 33px; height: 15px; background-color: #F8A241; position: absolute; } .orangeStripeStart > .threeDBottom { width: 33px; height: 15px; background-color: #cb5e0b; margin-top: 30px; position: absolute; } .connectStripes { width: 115px; height: 0px; border: 10px solid transparent; border-bottom: 10px solid #434343; position: absolute; z-index: 10000; margin-top: 25px; margin-left: 20px; box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.3); } .connectStripesBlue { width: 16px; height: 10px; background-color: #3A2F4F; margin-left: 23px; position: absolute; } .connectStripesOrange { width: 33px; height: 10px; background-color: #FF760E; margin-left: 54px; position: absolute; } .main { width: 250px; height: 50px; background-color: #F0EFE9; margin-top: 45px; margin-left: -53px; position: absolute; z-index: -1; } .ribbonEndBlue { width: 16px; height: 9px; background-color: #3A2F4F; margin-left: 110px; position: absolute; } .ribbonEndBlueAfter { width: 16px; height: 41px; background-color: #3A2F4F; margin-top: 9px; margin-left: 127px; transform: skewX(40deg); -webkit-transform: skewX(40deg); -moz-transform: skewX(40deg); -ms-transform: skewX(40deg); -o-transform: skewX(40deg); position: absolute; } .ribbonEndOrange { width: 33px; height: 9px; background-color: #FF760E; margin-left: 141px; position: absolute; } .ribbonEndOrangeAfter { width: 33px; height: 41px; background-color: #FF760E; margin-top: 9px; margin-left: 158px; transform: skewX(40deg); -webkit-transform: skewX(40deg); -moz-transform: skewX(40deg); -ms-transform: skewX(40deg); -o-transform: skewX(40deg); position: absolute; } .connectTrapDec { width: 20px; height: 0px; border: 10px solid transparent; border-top: 13px solid #323232; position: absolute; Z-index: 10000000; } .CTDone { margin-left: 73px; border-left: 3px solid transparent; } .CTDtwo { margin-left: 175px; border-right: 3px solid transparent; } .decScrew { width: 7px; height: 7px; background-color: #999999; border-radius: 11px; margin-top: -10px; margin-left: 7px; } .wireSting { width: 30px; height: 4px; background-color: #CCCCCC; margin-top: 41px; margin-left: -53px; position: absolute; } .smallerWS { width: 24px; height: 2px; background-color: #999999; margin-top: -2px; margin-left: 3px; position: absolute; } .stingC { width: 24px; height: 0px; border: 10px solid transparent; border-top: 4px solid gray; margin-top: -4px; margin-left: -10px; position: absolute; } .pokeSting { width: 2px; height: 10px; background-color: #131C44; position: absolute; margin-top: -14px; } .onePK { margin-left: -3px; } .twoPK { margin-left: 4px; height: 13px; margin-top: -17px; } .threePK { margin-left: 11px; height: 17px; margin-top: -21px; } .fourPK { margin-left: 18px; height: 13px; margin-top: -17px; } .fivePK { margin-left: 25px; } .bottomGray { width: 0px; height: 0px; border: 150px solid transparent; border-bottom: 15px solid #23122A; border-right: 5px solid transparent; margin-left: 80px; margin-top: -115px; position: absolute; } .screwInGrayOne { width: 20px; height: 0px; border-bottom: 22px solid #23122A; border-left: 10px solid transparent; border-right: 19px solid transparent; margin-top: 28px; margin-left: 93px; position: absolute; } .screwInGrayTwo { width: 20px; height: 0px; border-bottom: 28px solid #23122A; border-left: 19px solid transparent; border-right: 10px solid transparent; margin-top: 22px; margin-left: 201px; position: absolute; } .screwSIGO { width: 10px; height: 10px; background-color: #3B2B4E; border-radius: 20px; border: 2px solid #0A0310; margin-left: 4px; margin-top: 3px; position: absolute; } .screwSIGO > .drive { width: 4px; height: 4px; background-color: #4E5D7A; border-radius: 20px; margin-top: 3px; margin-left: 3px; position: absolute; } .screwSIGT { width: 10px; height: 10px; background-color: #3B2B4E; border-radius: 20px; border: 2px solid #0A0310; margin-left: 2px; margin-top: 4px; position: absolute; } .screwSIGT > .drive { width: 4px; height: 4px; background-color: #4E5D7A; border-radius: 20px; margin-top: 3px; margin-left: 3px; position: absolute; } .shoulderRest { width: 70px; height: 50px; background-color: #a8b0a4; margin-top: 45px; margin-left: 197px; position: absolute; } .indentBox { width: 10px; height: 30px; background-color: #CFCDC1; margin-top: 10px; position: absolute; } .coverBar { width: 12px; height: 50px; background-color: #E8E4DB; margin-left: 14px; position: absolute; } .coverBox { width: 10px; height: 6px; background-color: #E8E4DB; position: absolute; } .CBone { margin-left: -10px; } .CBtwo { margin-top: 44px; margin-left: -10px; } .coverBarScrew { width: 4px; height: 4px; background-color: #7C9D96; border-radius: 8px; position: absolute; } .CBSone { margin-left: 2px; margin-top: 5px; } .CBStwo { margin-left: 2px; margin-top: 41px; } .colorPlatOne { width: 22px; height: 50px; background-color: #6C908E; margin-left: 27px; } .CPOmainCover { width: 20px; height: 50px; background-color: #E8E4DB; margin-left: 2px; position: absolite; } .CPOMCtrapDec { width: 0px; height: 32px; border: 5px solid transparent; border-left: 5px solid #E8E4DB; margin-top: 4px; margin-left: 20px; position: absolute; z-index: 10000000000; } .coverCircleMC { width: 16px; height: 32px; background-color: #6C908E; position: absolute; border-radius: 0px 64px 64px 0px; margin-top: 9px; } .CCMCscrew { width: 12px; height: 12px; background-color: #E8E4DB; border-radius: 26px; margin-top: 10px; position: absolute; } .colorPlatTwo { width: 21px; height: 50px; background-color: #4C6279; margin-top: -50px; margin-left: 49px; position: absolute; } .CPTmainCover { width: 13px; height: 50px; background-color: #E8E4DB; margin-left: 8px; position: absolute; box-shadow: 1px 1px 0px #4C6279, 2px 2px 0px #4C6279, 3px 3px 0px #4C6279, 4px 4px 0px #4C6279; } .CPTMCscrew { width: 4px; height: 4px; background-color: #779794; border-radius: 8px; position: absolute; } .CPTMCSone { margin-left: 4px; margin-top: 7px; } .CPTMCStwo { margin-left: 4px; margin-top: 40px; } .triArmDec { width: 0px; height: 0px; border: 42px solid transparent; border-right: 0px solid transparent; border-top: 22px solid #B0B8AD; margin-top: 50px; margin-left: -40px; position: absolute; } .trapArmDec { width: 10px; height: 0px; border-left: 20px solid transparent; border-right: 0px solid transparent; border-top: 70px solid #B0B8AD; margin-top: 50px; margin-left: -3px; position: absolute; transform: skewX(11deg); -webkit-transform: skewX(10deg); -moz-transform: skewX(11deg); -ms-transform: skewX(11deg); -o-transform: skewX(11deg); box-shadow: 4px 0px 0px #4C6279; } .TADscrew { width: 4px; height: 4px; background-color: #444966; border-radius: 8px; margin-top: -10px; margin-left: 1px; position: absolute; } .controlBoard { width: 130px; height: 110px; background-color: #F0EFE9; margin-top: 75px; margin-left: -124px; border-top-left-radius: 10px; position: absolute; transform: rotateZ(-45deg); -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); } .sockerTrapStart { width: 22px; height: 0px; border: 8px solid transparent; border-bottom: 6px solid #D4D2C6; margin-top: -14px; margin-left: 85px; position: absolute; } .STSmiddle { width: 22px; height: 2px; background-color: #767676; margin-top: -2px; position: absolute; } .STSround { width: 29px; height: 6px; background-color: #B2BAAF; border-radius: 0px 0px 28px 28px; margin-top: -8px; margin-left: -3px; position: absolute; } .attachTriTrap { width: 145px; height: 10px; background-color: #23122a; margin-top: 100px; margin-left: 30px; position: absolute; } .ATTarrow { width: 0px; height: 0px; border: 15px solid transparent; border-bottom: 15px solid #23122a; border-left: 15px solid #23122a; margin-top: 80px; margin-left: 20px; position: absolute; } .FIarrow { width: 0px; height: 0px; border: 16px solid transparent; border-bottom: 16px solid #F0EFE9; border-left: 17px solid #F0EFE9; margin-top: 69px; margin-left: 129px; position: absolute; } .ATTtrapDec { width: 75px; height: 0px; border: 9px solid transparent; border-bottom: 8px solid #B1B6AF; margin-top: -17px; margin-left: 25px; position: absolute; } .COTWO { width: 80px; height: 33px; background-color: #444966; margin-top: 50px; margin-left: 65px; border-radius: 0px 0px 3px 0px; position: absolute; box-shadow: 1px 2px 0px #B3B6AD, 2px 4px 0px #B3B6AD, inset 0px 4px 0px #557083, inset 0px -4px 0px rgba(0, 0, 0, 0.3); } .triCoverWhite { width: 0px; height: 0px; border: 13px solid transparent; border-left: 13px solid #F0EFE9; border-bottom: 13px solid #F0EFE9; margin-top: 13px; margin-left: -4px; position: absolute; } .triOtherCoverWhite { width: 0px; height: 0px; border: 10px solid transparent; border-top: 10px solid #F0EFE9; border-right: 10px solid #F0EFE9; margin-top: -5px; margin-left: 52px; position: absolute; box-shadow: 13px 0px 0px #F0EFE9; } .shadowForTheTop { width: 19px; height: 4px; background-color: #50627A; margin-left: 54px; margin-top: 7px; position: absolute; transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); } .shadowForTheTopRight { width: 10px; height: 4px; background-color: #557083; margin-left: 69px; margin-top: 14px; position: absolute; } .barConnectTri { width: 5px; height: 13px; background-color: #91A69D; margin-left: 71px; margin-top: 2px; position: absolute; z-index: 10000000000000000000; } .BCTtri { width: 0px; height: 0px; border: 15px solid transparent; border-bottom: 15px solid #3A2F4F; border-left: 15px solid #3A2F4F; margin-top: -30px; margin-left: -5px; border-radius: 5px; position: absolute; } .BCTTbutton { width: 10px; height: 10px; background-color: #3A2F4F; border: 1px solid black; border-radius: 16px; margin-left: -12px; position: absolute; } .dotB { width: 4px; height: 4px; border-radius: 8px; background-color: #4c5976; margin-top: 3px; margin-left: 3px; position: absolute; } .hookThis { width: 13px; height: 8px; background-color: #8BA59C; border-radius: 0px 20px 20px 0px; margin-top: 20px; margin-left: 80px; position: absolute; } .HThole { width: 4px; height: 4px; background-color: #F0EFE9; border-radius: 20px; margin-top: 2px; margin-left: 6px; position: absolute; } .controls { width: 80px; height: 40px; background-color: #444966; margin-top: 5px; margin-left: 25px; border-radius: 0px 0px 3px 0px; position: absolute; box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.3); } .triCoverE { width: 0px; height: 0px; border: 8px solid transparent; border-bottom: 8px solid #F0EFE9; border-right: 8px solid #F0EFE9; margin-top: 25px; margin-left: 55px; position: absolute; box-shadow: 10px 0px 0px #F0EFE9; } .linesCover { width: 80px; height: 12px; background-color: white; margin-top: 6px; margin-left: 0px; position: absolute; z-index: 10000000; box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.3) } .LCbox { width: 12px; height: 12px; background-color: #2D1F39; margin-top: 0px; margin-left: 68px; position: absolute; box-shadow: -2px 0px 0px #4E627A, -4px 0px 0px #39304F, -6px 0px 0px #4E627A, -8px 0px 0px #39304F, -10px 0px 0px #4E627A, -12px 0px 0px #39304F, -14px 0px 0px #4E627A, -16px 0px 0px #39304F, -18px 0px 0px #4E627A, -20px 0px 0px #39304F, -22px 0px 0px #4E627A, -24px 0px 0px #39304F, -26px 0px 0px #4E627A, -28px 0px 0px #39304F, -30px 0px 0px #4E627A, -32px 0px 0px #39304F, -34px 0px 0px #4E627A, -36px 0px 0px #39304F, -38px 0px 0px #4E627A, -40px 0px 0px #39304F, -42px 0px 0px #4E627A, -44px 0px 0px #39304F, -46px 0px 0px #4E627A, -48px 0px 0px #39304F, -50px 0px 0px #4E627A, -52px 0px 0px #39304F, -54px 0px 0px #4E627A, -56px 0px 0px #39304F, -58px 0px 0px #4E627A, -60px 0px 0px #39304F, -62px 0px 0px #4E627A, -64px 0px 0px #39304F, -66px 0px 0px #4E627A, -68px 0px 0px #39304F; } .shooterDec { width: 35px; height: 10px; background-color: white; margin-top: 25px; margin-left: 20px; position: absolute; } .insetCircleCover { width: 8px; height: 8px; background-color: #444966; border-radius: 10px; position: absolute; } .ICCone { margin-left: -4px; margin-top: -4px; } .ICCtwo { margin-left: -4px; margin-top: 6px; } .slotSD { width: 26px; height: 8px; background-color: #444966; margin-top: 1px; margin-left: 10px; position: absolute; box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.25); } .randomTriDec { width: 0px; height: 0px; border: 8px solid transparent; border-left: 12px solid #FF760E; margin-top: 22px; margin-left: 0px; position: absolute; } .triggerWrap { width: 100px; height: 100px; background-color: transparent; border-right: 7px solid transparent; border-left: 7px solid #02000D; border-bottom: 7px solid #02000D; border-radius: 10px; margin-top: 105px; margin-left: 30px; position: absolute; } .handHold { width: 45px; height: 100px; background-color: #02000D; margin-top: 0px; margin-left: 55px; position: absolute; } .squareBG { width: 35px; height: 30px; background-color: #2FA380; border-radius: 4px; position: absolute; transform: rotateZ(45deg) translateY(50px) translateX(20px); -webkit-transform: rotateZ(45deg) translateY(65px) translateX(20px); -moz-transform: rotateZ(45deg) translateY(65px) translateX(20px); -ms-transform: rotateZ(45deg) translateY(65px) translateX(20px); -o-transform: rotateZ(45deg) translateY(65px) translateX(20px); } .trigger { width: 30px; height: 30px; background-color: #FF760E; border-radius: 4px; margin-top: 5px; margin-left: -7px; position: absolute; transform: skewX(-27deg); -webkit-transform: skewX(-27deg); -moz-transform: skewX(-27deg); -ms-transform: skewX(-27deg); -o-transform: skewX(-27deg); z-index: -1; } .handShape { width: 0px; height: 0px; border: 10px solid transparent; border-top: 10px solid #02000D; border-right: 10px solid #02000D; margin-top: 56px; margin-left: -13px; position: absolute; } .roundHand { width: 15px; height: 15px; background-color: #02000D; border-radius: 10px 0px 5px 7px; margin-top: -22px; margin-left: -10px; position: absolute; } .flattenHelpRH { width: 5px; height: 5px; background-color: #02000D; border-radius: 10px; margin-top: -1px; margin-left: 11px; position: absolute; } .CMGcover { width: 25px; height: 50px; background-color: #F0EFE9; margin-left: 0px; margin-top: 19px; position: absolute; } .connectMainGun { width: 50px; height: 30px; background-color: #a8a8a8; margin-top: 20px; margin-left: -30px; position: absolute; z-index: -100; transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); } .CMGtop { width: 50px; height: 10px; background-color: #d3d3d3; position: absolute; } .CMGbottom { width: 50px; height: 10px; background-color: #7e7e7e; margin-top: 20px; position: absolute; } .CONNECTGUN { width: 17px; height: 14px; background-color: #444967; margin-top: 8px; margin-left: -17px; position: absolute; } .gunBarrel { width: 175px; height: 30px; background-color: #444967; margin-top: -9px; margin-left: -174px; border-radius: 0px 5px 5px 0px; position: absolute; } .GBbottom { width: 175px; height: 15px; background-color: #423958; margin-top: 15px; border-radius: 0px 0px 5px 0px; position: absolute; } .ammoShock { width: 40px; height: 30px; background-color: #506079; margin-left: 125px; border-radius: 0px 90px 90px 0px; position: absolute; } .sharpCircleCover { width: 30px; height: 30px; background-color: #444967; margin-left: -13px; border-radius: 90px; position: absolute; } .SCCbottom { width: 30px; height: 15px; background-color: #423958; margin-top: 15px; border-radius: 0px 0px 90px 90px; position: absolute; } .topElectric { width: 40px; height: 17px; background-color: #444966; margin-top: -15px; margin-left: 1px; border-radius: 0px 90px 90px 0px; position: absolute; z-index: -100; transform: rotateZ(-45deg); -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); } .TEzzz { width: 0px; height: 0px; border: 3px solid transparent; border-left: 7px solid #FF760E; margin-top: 5px; margin-left: 39px; position: absolute; z-index: -10000; } .bottomElectric { width: 40px; height: 17px; background-color: #423958; margin-top: 28px; margin-left: 1px; border-radius: 0px 90px 90px 0px; position: absolute; z-index: -100; transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); } .BEzzz { width: 0px; height: 0px; border: 3px solid transparent; border-left: 7px solid #cb5e0b; margin-top: 5px; margin-left: 39px; position: absolute; z-index: -10000; } .AMtwo { margin-left: 90px; } .AMthree { margin-left: 55px; } .AMfour { margin-left: 20px; } .ASbottom { width: 40px; height: 15px; background-color: rgba(0, 0, 0, 0.1); margin-top: 15px; border-radius: 0px 0px 90px 0px; position: absolute; } .shootTrap { height: 30px; width: 0px; border: 10px solid transparent; border-left: 10px solid #7FFF00; margin-top: -10px; margin-left: -10px; position: absolute; } .STbottom { height: 15px; width: 0px; border-bottom: 10px solid transparent; border-left: 10px solid #66CD00; margin-top: 15px; margin-left: -10px; position: absolute; } .particles { width: 135px; height: 45px; background-color: white; top: 0px; right: 0px; position: fixed; line-height: 22px; font-size: 20px; padding: 10px; border-bottom-left-radius: 10px; font-family: 'HelveticaNeue-UltraLight', 'Open Sans', 'Helvetica Neue UltraLight', Roboto, Arial, Sans-serif; color: #151B1F; text-align: center; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); } a { color: #1abc9c; } .skewShoot { height: 7px; width: 14px; background-color: black; margin-left: -25px; position: absolute; } .one { margin-top: -3px; transform: skewY(40deg); -webkit-transform: skewY(40deg); -moz-transform: skewY(40deg); -ms-transform: skewY(40deg); -o-transform: skewY(40deg); } .two { margin-top: 25px; transform: skewY(-40deg); -webkit-transform: skewY(-40deg); -moz-transform: skewY(-40deg); -ms-transform: skewY(-40deg); -o-transform: skewY(-40deg); } .followME { width: 135px; height: 45px; background-color: white; bottom: 0px; right: 0px; position: fixed; line-height: 22px; font-size: 17px; padding: 10px; border-top-left-radius: 10px; font-family: 'HelveticaNeue-UltraLight', 'Open Sans', 'Helvetica Neue UltraLight', Roboto, Arial, Sans-serif; color: #151B1F; text-align: center; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); } .skewZap { height: 7px; width: 12px; background-color: black; margin-left: -12px; position: absolute; } .SZone { margin-top: 10px; transform: skewY(-60deg); -webkit-transform: skewY(-60deg); -moz-transform: skewY(-60deg); -ms-transform: skewY(-60deg); -o-transform: skewY(-60deg); } .SZtwo { margin-top: -10px; transform: skewY(60deg); -webkit-transform: skewY(60deg); -moz-transform: skewY(60deg); -ms-transform: skewY(60deg); -o-transform: skewY(60deg); } #ZZZAAAPPP { width: 7px; height: 7px; background-color: #7fff00; margin-left: -40px; margin-top: 11px; border-radius: 33px; position: absolute; } .gun:hover #ZZZAAAPPP { animation: shoot 0.3s linear infinite; -webkit-animation: shoot 0.3s linear infinite; -moz-animation: shoot 0.3s linear infinite; -ms-animation: shoot 0.3s linear infinite; -o-animation: shoot 0.3s linear infinite; } @keyframes shoot { to { margin-left: -200px; } } @-webkit-keyframes shoot { to { margin-left: -200px; } } @-moz-keyframes shoot { to { margin-left: -200px; } } @-ms-keyframes shoot { to { margin-left: -200px; } } @-o-keyframes shoot { to { margin-left: -200px; } } .gun:hover { animation: skew 0.3s linear infinite; -webkit-animation: skew 0.3s linear infinite; -moz-animation: skew 0.3s linear infinite; -ms-animation: skew 0.3s linear infinite; -o-animation: skew 0.3s linear infinite; } @keyframes skew { to { transform: translateX(90px); } } @-webkit-keyframes skew { to { -webkit-transform: translateX(90px); } } @-moz-keyframes skew { to { -moz-transform: translateX(90px); } } @-ms-keyframes skew { to { -ms-transform: translateX(90px); } } @-o-keyframes skew { to { -o-transform: translateX(90px); } } h1 { font-family: 'Open Sans', sans-serif; position: absolute; margin-top: -25px; margin-left: 25px; color: #f0efe9; font-size: 40px; }