.headerBar {
    position: absolute;
    top: 0;
    border-radius: 32px 43px;
    height: 70px;
    padding: 0 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #1a75a28c;
    pointer-events: auto;
        box-shadow: 1px 12px 16px #0f1417d6;

}

.headerBar div {
    color: #19e3e8;
}

.button {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 12px 18px;
    padding-top: 14px;
    margin-bottom: 6px;
    background-color: #1a75a28c;
    box-shadow: inset 0 -7px 0 0 #b0853100;
    text-align: center;
    color: #19e3e8;
    text-shadow: -1px -1px 0 #f3eded, 1px -1px 0 #202020, -1px 1px 0 #202020, 1px 1px 0 #202020, -2px -2px 0 #202020, 2px -2px 0 #202020, -2px 2px 0 #202020, 2px 2px 0 #202020;
    pointer-events: all;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    
}

#customizeButton {
    width: 300px;
    text-align: center;
    padding: 15px;
    font-size: 23px;
    pointer-events: all;
    padding-bottom: 22px;
    border-radius: 32px 0px;
      box-shadow: 5px 10px 18px #1acbd0;

} 

.button.small {
    padding-top: 5px!important;
    padding-bottom: 13px!important;
    padding-left: 22px!important;
    padding-right: 22px!important;
    font-size: 22px!important;
    margin-left: 3px;
    margin-right: 3px;

     text-shadow: -1px -1px 0 #202020,1px -1px 0 #202020,-1px 1px 0 #202020,1px 1px 0 #202020,-2px -2px 0 #202020,2px -2px 0 #202020,-2px 2px 0 #202020,2px 2px 0 #202020,-3px -3px 0 #202020,3px -3px 0 #202020,-3px 3px 0 #202020,3px 3px 0 #202020!important;

    border-radius: 32px 0px;

}

.button:hover {
    background-color: #080505;
        box-shadow: inset 0 -7px 0 0 #19e3e8;

    -webkit-transform: scale(.95);
    transform: scale(.95);
}

.buttonG {
    background-color: #1a75a28c!important;
    box-shadow: inset 0 -7px 0 0 #0000!important;
 background-color: #080505;
    box-shadow: inset 0 -7px 0 0 #19e3e8;
    -webkit-transform: scale(.95);
    transform: scale(.95);
}

.gButton:hover {
    text-decoration: none;
    color: #080505!important;
}

.buttonR {
    background-color: #1a75a28c!important;
    box-shadow: inset 0 -7px 0 0 #0000!important;
      box-shadow: 5px 10px 18px #1acbd0;

}

.buttonP {
    background-color: #1a75a28c!important;
    box-shadow: inset 0 -7px 0 0 #0000!important;
      box-shadow: 5px 10px 18px #1acbd0;

}
.menuItem .menuItemTitle {
    margin-top: -20%;
    color: #19e3e8;
}


.menuItem {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    background: #1a75a28c;
    border-radius: 34px 0%;
             box-shadow: 1px 12px 16px #27a1a6;
     
    text-align: center;
    poisor: pointer;
}

* {
    outline: none;
    font-family: gamefont;
    color: #353535;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.menuItem:hover {
    background: #100e09;
    border: 1px solid;
  padding: 10px;
  box-shadow: 5px 10px 18px #1acbd0;
}


.menuItem:active {
    background: #19e3e8
     border: 1px solid;
 
}

#menuWindow {
    position: absolute;
    left: 50%;
    top: 23%;
    bottom: 210px;
    border-radius: 6px;
    max-height: calc(100% - 480px);
    transform: translateX(-50%);
    z-index: 2;
    overflow-y: auto;
    display: inline-block;
    text-align: left;
    pointer-events: auto;
    padding: 20px;
    width: 705px;
    font-size: 20px;
    background-color: #1a75a28c;
    -webkit-box-shadow: 0 9px 0 0 #a6a6a6;
    -moz-box-shadow: 0 9px 0 0 #a6a6a6;
    box-shadow: 0 9px 0 0 #a6a6a6;
}

.settingsHeader {
    width: 100%;
    padding-bottom: 15px;
    padding-top: 19px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 999999999;
    background-color: #1a75a28c;
   border-radius: 43px;
   border-style: outset;
}
#settSearch {
    float: right;
    width: 200px;
    text-align: right;
    font-size: 20px;
    box-sizing: border-box;
    border: none;
    background-color: rgb(243 227 227);
    border-radius: 45px;
    padding-right: 10px;
    padding-left: 10px;
}

.chatItem {
    max-width: 360px;
   
    word-wrap: break-word;
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px;
    padding-left: 49px;
    padding-right: 45px;
    border-radius: 0px;
    color: #19e3e8;
    font-size: 14px;
    background-color: rgb(0 0 0 / 0%);
    max-width: 240px;
    margin-left: 10px;
}
* {
    outline: none;
    font-family: gamefont;
    color: #1a4962;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#chatInput {
    width: 100%;
    padding: 5px;
    padding-left: 10px;
    color: #fff;
    font-size: 18px;
    box-sizing: border-box;
    border: none;
    background-color: rgba(0,0,0,.4);
    border-radius: 6px;
    pointer-events: all;
    border-radius: 20%;
}

.settName, .settNameSmall {
    clear: both;
    margin-top: 3px;
    font-size: 22px;
    color: rgb(0 0 0 / 97%);
}

.floatR {
    float: right;
    clear: both;
}
* {
    outline: none;
    font-family: gamefont;
    color: #020202;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#profilePicM {
    width: 120px;
    height: 120px;
    cursor: pointer;
    border-radius: 4px;
    display: inline-block;
    background-color: #6d6d6d00;
    background-size: cover;
    filter: grayscale(1) opacity(.5);
    background-image: url(https://images.vexels.com/media/users/3/155770/isolated/preview/06bcae85da7fed08868e09c037772b10-abstract-toxic-icon-by-vexels.png);
    image-rendering: pixelated;
}

#merchImg {
    height: 0px;
    animation: scaleBob .4s ease-in-out infinite alternate;
    -webkit-animation: scaleBob .4s ease-in-out infinite alternate;
}

.i-amphtml-layout-size-defined .i-amphtml-fill-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
     display: block;

}

.i-amphtml-replaced-content, .i-amphtml-screen-reader {
    padding: 0!important;
    border: none!important;

      display: block;

}
.i-amphtml-blurry-placeholder, .i-amphtml-fill-content {
    display: block;
    height: 0;
    
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 0;
    margin: auto;
}

#ammoDisplay {
    margin-right: -15px;
    display: inline-block;
    padding: 7px;
    padding-top: 18px;
    padding-left: 20px;
    font-size: 35px;
    letter-spacing: -2px;
    border-radius: 10px;

    height: 65px;
    background-repeat: no-repeat;
    background-size: 0% 100%;
    background-image: unset;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

#killsVal,#deathsVal,#streakVal,#myScoreVal {
    color: rgb(25 227 232)
}

#timerVal {
    color: #19e3e8;
    padding-left: 3px;
    font-size: 32px;
    will-change: transform;
    transform: translateZ(0)
}

#ammoVal {
    color: #19e3e8;
    display: inline-block
}

#menuPingDisplay,#menuFPSDisplay {
    margin-right: 5px;
    font-size: 12px;
    color: rgb(12 10 10 / 75%)
}

#menuPingText {
    font-size: 12px;
    color: rgb(31 13 13 / 75%)
}

.fpsMinMax {
    font-size: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
    margin-left: 4px;
    margin-right: 4px
}

#fpsMin {
    color: #164963;
    display: block
}

#fpsMax {
    color: #19e3e8;
    display: block
}

.iconProfile {
    background-image: url(https://media.discordapp.net/attachments/696370585978273822/734711679010472036/J70tEhP.png?width=103&height=103);
}

.iconShop {
    background-image: url(https://media.discordapp.net/attachments/696370585978273822/734711702339321947/Bpo3mhS.png?width=103&height=103);
}

.iconChall {
    background-image: url(https://media.discordapp.net/attachments/696370585978273822/734711607573348372/0yPDyS1.png?width=103&height=103);
}

.iconSocial {
    background-image: url(https://media.discordapp.net/attachments/696370585978273822/734801637427904612/social.png?width=115&height=115);
}

.iconGames {
    background-image: url(https://media.discordapp.net/attachments/696370585978273822/734711631019376720/axVWOlq.png?width=103&height=103);
}

.iconMods {
    background-image: url(https://media.discordapp.net/attachments/696370585978273822/734711643157823578/gOHuDn7.png?width=103&height=103);
}

.iconSettings {
    background-image: url(https://media.discordapp.net/attachments/696370585978273822/734711659393843291/wdsXWvW.png?width=103&height=103);
}

#loadingBg{
	position:fixed;
	left:-16px;
	right:-16px;
	top:-16px;
	bottom:-16px;
	background-size:cover;
	background-position:center;
	pointer-events:none;
	background-image: url(https://jamescunion97.files.wordpress.com/2015/03/3d8064758e54ec662e076b6ca54aa90e.gif);
}



#healthValueHolder {
    background-color: rgba(0, 0, 0, 0);
    margin-left: 780px;
    margin-right: 0;
    margin-bottom: 125px;
    padding: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 8px;
}

#ammoDisplay {
    background-color: rgba(0, 0, 0, 0);
    margin-bottom: 160px;
    margin-right: 780px;
    padding: 0;
    padding-top: 0;
    padding-left: 10px;
    padding-bottom: 17px;
}
.weapKey {
    display: none;
}
#weapDisplay {
    position: absolute;
    z-index: 1;
    right: 20px;
    bottom: 0;
}
#healthValue {
    font-size: 46px;
    text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000, 0 0 7px #000;
    text-align: center;
}
#maxHP {
    font-size: 16px;
    text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000, 0 0 7px #000;
    margin-left: -13px;
}
#challIcon {
    display: none;
}
#ammoVal {
    font-size: 46px;
    text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000, 0 0 7px #000;
}
#ammoMax {
    font-size: 16px;
    text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 5px #000, 0 0 7px #000;
    margin-left: -6px;
}
#ammoIcon {
    display: none;
}
#reloadMsg {
    position: absolute;
    margin-right: -50%;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 45%;
    font-size: 14px;
    line-height: 0;
    padding-left: 0;
    padding-right: 0;
    color: #eb5656;
    text-shadow: 0 0 1px #000, 0 0 3px #000;
    z-index: 2 !important;
}
#healthBar {
    display: inline-block;
    z-index: 3;
    height: 14px;
    transform: translate(780px, -140px);

}
.healthBarSeg {
    width: 20px;
    display: inline-block;
    border-radius: 0;
    margin-right: 4px;
    margin-top: -9px;
    margin-bottom: 9px;
    box-shadow: 0 0 3px red;
    height: 14px;
    background-color: red;
}
.hpBSeg {
    height: 14px;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background-color: none;
    box-shadow: 0 0 3px #00d2ff;


}#vignette {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    box-shadow: #008080  0 0 1000px inset;
}

.lds-facebook {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #cef;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}
