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;
}