@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  src: local("Montserrat Medium"), local("Montserrat-Medium"), url(https://fonts.gstatic.com/s/montserrat/v10/BYPM-GE291ZjIXBWrtCwegoO3BxTt7eneo3rZcXyZuQ.woff2) format("woff2");
  unicode-range: u+0102-0103, u+1ea0-1ef9, u+20ab
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  src: local("Montserrat Medium"), local("Montserrat-Medium"), url(https://fonts.gstatic.com/s/montserrat/v10/BYPM-GE291ZjIXBWrtCwemPHx8QIAbG0MeMM9fVyzAY.woff2) format("woff2");
  unicode-range: u+0100-024f, u+1e??, u+20a0-20ab, u+20ad-20cf, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  src: local("Montserrat Medium"), local("Montserrat-Medium"), url(https://fonts.gstatic.com/s/montserrat/v10/BYPM-GE291ZjIXBWrtCwejOo-lJoxoMO4vrg2XwIHQk.woff2) format("woff2");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215
}

#Happy .Happy .HUD,
#Happy .Happy .Menu .Settings,
#Happy .Happy .View,
#Happy .Button {
  -webkit-touch-callout: none;
  -khtml-user-select: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
hr,
menu,
nav,
section {
  display: block
}

#Happy,
a,
body,
html {
  margin: 0
}

#Happy,
a,
hr {
  padding: 0
}

body,
html {
  overflow: hidden;
  width: 100%;
  height: 100%
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  font-family: Montserrat, sans-serif!important;
  background: 0 0
}

ins,
mark {
  /*background-color: #ff9;*/
  color: #000
}

body {
  line-height: 1
}

nav ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none
}

a {
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0
}

ins {
  text-decoration: none
}

mark {
  font-style: italic;
  font-weight: 700
}

#Happy .Happy .HUD .Combo>.Text,
.HUD .Leaderboard>.Entry,
.HUD .Leaderboard>.King {
  color: #fff;
  font-family: Bungee
}

del {
  text-decoration: line-through
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

hr {
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0
}

input,
select {
  vertical-align: middle
}

@font-face {
  font-family: Bungee;
  src: url(/fonts/Bungee-Regular.woff)
}

#Happy .Happy .HUD {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none
}

#Happy .Happy .Menu,
.HUD .Upgrades>.Container>.Upgrade {
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none
}

#Happy .Happy .HUD .Combo {
  position: absolute;
  top: 20px;
  width: 100%;
  display: flex;
  justify-content: center
}

#Happy .Happy .HUD .Combo>.Text {
  -moz-transition: transform .3s ease, opacity .3s ease;
  -o-transition: transform .3s ease, opacity .3s ease;
  -webkit-transition: transform .3s ease, opacity .3s ease;
  transition: transform .3s ease, opacity .3s ease;
  font-size: 70px;
  text-shadow: -3px -3px 0 #36f, 3px -3px 0 #36f, -3px 3px 0 #36f, 3px 3px 0 #36f
}

#Happy .Happy .HUD .Combo>.Text>.Bar {
  height: 20px;
  background-color: #428bca;
  border-radius: 2px;
  border: 4px solid #57e
}

.HUD .Leaderboard {
  position: absolute;
  top: 0;
  right: 0;
  width: 220px;
  background-color: #333;
  box-shadow: 0 0 3px 0 #000;
  border: 5px solid #428bca;
  border-radius: 3px;
  margin: 10px;
  padding: 20px
}

.HUD .Leaderboard>.King {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-bottom: 3px solid #fff;
  padding-bottom: 6px;
  margin-bottom: 4px;
  font-size: 25px
}

.HUD .Leaderboard>.King>.Crown {
  font-size: 14px;
  margin-bottom: -10px
}

.HUD .Leaderboard>.King>.Crown>img {
  margin-right: 5px
}

.HUD .Leaderboard>.King>.Text {
  font-size: 16px;
  text-shadow: 0 0 5px #ff0
}

.HUD .Leaderboard>.Entry {
  font-size: 18px;
  /*display:flex*/
}

.HUD .Leaderboard>.Entry.first {
  color: #82ffa5
}

.HUD .Leaderboard>.Entry>.Name {
  flex-grow: 1;
  text-align: right
}

.HUD .Leave,
.HUD .LevelBar {
  width: 100%;
  justify-content: center;
  position: absolute;
  display: flex
}

.HUD .Leaderboard>.Count {
  margin-top: 5px;
  border-top: 3px solid #fff;
  padding-top: 5px;
  font-family: Bungee;
  font-size: 13px;
  color: #fff
}

.HUD .Leaderboard>.Count>.Text {
  float: left
}

.HUD .Leaderboard>.Count>.Numbers,
.HUD .Minimap>.Stats>.Jitter {
  float: right
}

.HUD .Leaderboard>.Count>.Numbers>.Icon {
  margin-left: 5px;
  margin-right: 5px
}

#Happy .Happy .HUD .Leave {
  pointer-events: auto;
  top: 0;
  align-items: center;
  margin-top: 20px
}

.HUD .LevelBar {
  bottom: 0;
  align-items: center;
  padding: 20px
}

.HUD .LevelBar>.Bar {
  background-color: #323232;
  height: 50px;
  border-radius: 3px;
  width: 30vw;
  min-width: 400px;
  box-shadow: 0 0 3px 0 #000;
  border: 5px solid #428bca;
  padding: 6px;
  display: flex;
  justify-content: center;
  align-items: center
}

.HUD .LevelBar>.Bar>.Text,
.HUD .Minimap>.Stats {
  padding-left: 10px;
  padding-right: 10px;
  color: #fff;
  font-family: Bungee
}

.HUD .LevelBar>.Bar>.Text {
  font-size: 25px
}

.HUD .LevelBar>.Bar>.Progress {
  flex-grow: 1;
  height: 100%
}

.HUD .LevelBar>.Bar>.Progress>.Bar {
  -moz-transition: width .25s ease;
  -o-transition: width .25s ease;
  -webkit-transition: width .25s ease;
  transition: width .25s ease;
  background-color: #428bca;
  border-radius: 2px;
  border: 4px solid #57e;
  box-sizing: border-box;
  width: 50%;
  height: 100%
}

.HUD .Minimap,
.HUD .Upgrades>.Container {
  border: 5px solid #428bca;
  box-shadow: 0 0 3px 0 #000
}

.HUD .Minimap {
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 10px;
  width: 210px;
  background-color: #333;
  border-radius: 3px
}

.HUD .Minimap .me {
  background: #fff;
  box-shadow: 0 0 5px #000;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute
}

#Happy .Happy .MenuContainer,
#Happy .Button.outer,
.HUD .Upgrades>.Container>.Upgrade>img {
  box-shadow: 0 0 3px 0 #000
}

.HUD .Minimap>.Stats {
  padding-top: 10px;
  font-size: 12px
}

.HUD .Minimap>.Stats .Value {
  margin-left: 3px
}

.HUD .Minimap>.Stats .Value.good {
  color: green
}

.HUD .Minimap>.Stats .Value.okay {
  color: #ff0
}

.HUD .Minimap>.Stats .Value.bad {
  color: red
}

.HUD .Minimap>.Map {
  position: relative;
  margin: 10px;
  background-color: #444;
  width: 180px;
  height: 180px
}

.HUD .Minimap>.Map>.Arrow,
.HUD .Minimap>.Map>.Arrow>.Image,
.HUD .Upgrades {
  position: absolute
}

#Happy .Happy .HUD .Retry,
#Happy .Happy .HUD .Spec {
  pointer-events: auto;
  margin-top: 20px;
  position: absolute
}

.HUD .Minimap>.Map>.Arrow>.Image.self {
  width: 13px;
  height: 11px;
  top: -6.5px;
  left: -5.5px;
  background-image: url(/images/mini_arrow_self.png)
}

.HUD .Minimap>.Map>.Arrow>.Image.leader {
  width: 10px;
  height: 10px;
  top: -5px;
  left: -5px;
  background-image: url(/images/mini_arrow_leader.png)
}

#Happy .Happy .HUD .Retry {
  top: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

#Happy .Happy .HUD .Retry>.Button>.Content,
.HUD .Upgrades {
  flex-direction: column;
  display: flex
}

#Happy .Happy .HUD .Retry>.Button {
  display: flex
}

#Happy .Happy .HUD .Retry>.Button>.Content>.Lower {
  font-size: 15px
}

#Happy .Happy .HUD .Retry>.Button>.Icon {
  font-size: 50px
}

#Happy .Happy .HUD .Spec {
  top: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.HUD .Upgrades {
  top: 0;
  height: 100%;
  justify-content: center;
  align-items: center
}

.HUD .Upgrades>.Container {
  background-color: #333;
  -moz-transition: transform .5s ease;
  -o-transition: transform .5s ease;
  -webkit-transition: transform .5s ease;
  transition: transform .5s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  padding: 10px;
  border-radius: 3px
}

.HUD .Upgrades>.Container>.Label {
  padding-bottom: 10px
}

.HUD .Upgrades>.Container>.Label>.X {
  font-size: 17px
}

.HUD .Upgrades>.Container>.Upgrade {
  position: relative;
  margin: 10px;
  pointer-events: all;
  -webkit-user-select: none;
  user-select: none;
  cursor: default
}

.HUD .Upgrades>.Container>.Upgrade>.Count {
  font-family: Bungee;
  font-size: 18px;
  color: #fff;
  position: absolute;
  bottom: -3px;
  right: -3px;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000
}

.HUD .Upgrades>.Container>.Upgrade>.Key,
.HUD .Upgrades>.Container>.Upgrade>.Max {
  color: rgba(255, 255, 255, .45);
  position: absolute;
  font-family: Bungee
}

.HUD .Upgrades>.Container>.Upgrade>.Count>.X {
  font-size: 10px
}

.HUD .Upgrades>.Container>.Upgrade>.Key {
  font-size: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.HUD .Upgrades>.Container>.Upgrade>.Max {
  font-size: 25px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .5)
}

.HUD .Upgrades>.Container>.Upgrade>.Tooltip {
  font-family: Bungee;
  font-size: 25px;
  color: #fff;
  background-color: #333;
  box-shadow: 0 0 3px 0 #000;
  border: 5px solid #428bca;
  padding: 10px;
  position: absolute;
  left: 120%;
  top: 50%;
  transform: translateY(-50%);
  display: none
}

.HUD .Upgrades>.Container>.Upgrade:hover>.Tooltip,
.HUD .Upgrades>.Container>.Upgrade>.Tooltip.active {
  display: block
}

.HUD .Upgrades>.Container>.Upgrade>.Tooltip:after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent #428bca transparent transparent
}

/*#Happy .Happy .Menu {
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  background-color: rgba(0, 0, 0, .1)
}*/

#Happy .Happy .Menu {
    -webkit-user-select: none;
    user-select: none;
    justify-content: center;
    align-items: center;
}

#Happy .Happy .Menu .Settings,
#Happy .Happy .View {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none
}

#Happy .Happy .Menu .ClassSelector {
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center
}

#Happy .Happy .Menu .ClassSelector>.Scroller>.Arrow {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background-color: #444;
  padding: 5px;
  width: 45px;
  border: 5px solid transparent;
  -moz-transition: border-color .2s;
  -o-transition: border-color .2s;
  -webkit-transition: border-color .2s;
  transition: border-color .2s
}

#Happy .Happy .Menu .ClassSelector>.Scroller>.Arrow>img {
  width: 50px;
  transform: rotate(-90deg);
  outline: transparent solid 1px
}

#Happy .Button:focus,
#Happy .Input:focus {
  outline: 0
}

#Happy .Happy .Menu .ClassSelector>.Content {
  flex-grow: 1;
  margin-left: 10px
}

#Happy .Happy .Menu .ClassSelector>.Content>.Head {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 5px
}

#Happy .Happy .Menu .ClassSelector>.Content>.Head>.Name {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Bungee;
  font-size: 25px;
  color: #fff;
  text-shadow: -1px -1px 0 #36f, 1px -1px 0 #36f, -1px 1px 0 #36f, 1px 1px 0 #36f
}

#Happy .Happy .Menu .ClassSelector>.Content>.Head>.Divider {
  margin-left: 10px;
  margin-right: 10px;
  height: 100%;
  border-left: 5px solid #444
}

#Happy .Happy .Menu .ClassSelector>.Content>.Head>.Description {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  font-family: Bungee;
  font-size: 15px;
  color: #777
}

#Happy .Happy .Menu .ClassSelector>.Content>.Upgrades {
  display: flex
}

#Happy .Happy .Menu .ClassSelector>.Content>.Upgrades>.Col {
  flex-grow: 1
}

#Happy .Happy .Menu .ClassSelector>.Content>.Upgrades>.Col>.Upgrade {
  padding: 5px;
  display: flex
}

#Happy .Happy .Menu .ClassSelector>.Content>.Upgrades>.Col>.Upgrade>img {
  height: 40px
}

#Happy .Happy .Menu .ClassSelector>.Content>.Upgrades>.Col>.Upgrade>.BarBase {
  flex-grow: 1;
  background-color: #444;
  position: relative
}

#Happy .Happy .Menu .ClassSelector>.Content>.Upgrades>.Col>.Upgrade>.BarBase>.Bar {
  height: 100%;
  opacity: .7;
  -moz-transition: width .4s ease;
  -o-transition: width .4s ease;
  -webkit-transition: width .4s ease;
  transition: width .4s ease
}

#Happy .Happy .Menu .ClassSelector>.Content>.Upgrades>.Col>.Upgrade>.BarBase>.Text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: Bungee;
  font-size: 18px;
  color: rgba(255, 255, 255, .3)
}

#Happy .Happy .Menu .ClassSelector>.Content>.Upgrad {
  display: flex
}

#Happy .Happy .Menu .ClassSelector>.Content>.Upgrad>.Col {
  flex-grow: 1
}

#Happy .Happy .Menu .ClassSelector>.Content>.Upgrad>.Col>.Upgrade {
  padding: 5px;
  display: flex
}

#Happy .Happy .Menu .ClassSelector>.Content>.Upgrad>.Col>.Upgrade>img {
  height: 40px
}

#Happy .Happy .Menu .ClassSelector>.Content>.Upgrad>.Col>.Upgrade>.BarBase {
  flex-grow: 1;
  background-color: #444;
  position: relative
}

#Happy .Happy .Menu .ClassSelector>.Content>.Upgrad>.Col>.Upgrade>.BarBase>.Bar {
  height: 100%;
  opacity: .7;
  -moz-transition: width .4s ease;
  -o-transition: width .4s ease;
  -webkit-transition: width .4s ease;
  transition: width .4s ease
}

#Happy .Happy .Menu .ClassSelector>.Content>.Upgrad>.Col>.Upgrade>.BarBase>.Text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: Bungee;
  font-size: 18px;
  color: rgba(255, 255, 255, .3)
}

#Happy .Happy .Menu .Settings {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  user-select: none;
  margin-top: 15px
}

#Happy .Happy .Menu .Settings .Text {
  font-family: Bungee;
  color: rgba(255, 255, 255, .5);
  font-size: 20px
}

#Happy .Happy .Menu .Settings>.Lock {
  position: relative;
  height: 40px;
  width: 200px;
  background-color: #444;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center
}

#Happy .Happy .Menu .Settings>.Lock>.Knob {
  position: absolute;
  left: 0;
  top: 0;
  -moz-transition: left .5s ease;
  -o-transition: left .5s ease;
  -webkit-transition: left .5s ease;
  transition: left .5s ease;
  width: 30px;
  height: 40px;
  border-radius: 3px;
  background-color: #428bca
}

#Happy .Happy .Menu .Settings>.Lock>.Knob.locked {
  left: 170px
}

#Happy .Happy .Menu .Settings>.Sensitivity {
  position: relative;
  flex-grow: 1;
  height: 40px;
  margin-left: 15px;
  background-color: #444;
  border-radius: 3px;
  padding-right: 15px;
  display: flex;
  justify-content: center;
  align-items: center
}

#Happy .Happy .Menu .Settings>.Sensitivity.disabled {
  -webkit-filter: brightness(60%);
  -moz-filter: brightness(60%);
  -ms-filter: brightness(60%);
  -o-filter: brightness(60%);
  filter: brightness(60%);
  pointer-events: none
}

#Happy .Happy .Menu .Settings>.Sensitivity>.Slide {
  margin-right: 15px;
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 30px)
}

#Happy .Happy .Menu .Settings>.Sensitivity>.Slide>.Knob {
  position: absolute;
  top: 0;
  cursor: ew-resize;
  width: 30px;
  height: 40px;
  border-radius: 3px;
  background-color: #428bca;
  opacity: .7
}

#Happy .Happy .Menu .Settings>.Sensitivity>.Slide>.Knob.active {
  background-color: #79f
}

#Happy .Happy .Menu>.MoreGames {
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: all;
}

#Happy .Happy .MenuContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  width: 50%; /* */
  padding: 20px;
  background-color: #eff0f2;
  border: 5px solid #428bca;
  pointer-events: all;
  margin: 75px 260px; /* */
}

#Happy .Happy .MenuContainer>.Content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column
}

#Happy .Happy .MenuContainer>.Content>.Embedded {
  margin-bottom: 10px;
  font-family: Bungee;
  font-size: 25px;
  color: #fff
}

#Happy .Happy .MenuContainer>.Content>.Head {
  display: flex;
  justify-content: center;
  align-items: center
}

#Happy .Happy .MenuContainer>.Content>.Head .NameSelector {
  width: 80%;
  margin-top: 12px;
  display: flex;
  justify-content: center
}

#Happy .Happy .MenuContainer>.Content>.Head .ServerSelector,
#Happy .Happy .MenuContainer>.Content>.Head .SkinSelector {
  width: 80%;
  margin-top: 10px;
  display: flex;
  justify-content: center
}

#Happy .Happy .MenuContainer>.Content>.Head>.Logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

#Happy .Happy .MenuContainer>.Content>.Head .Tips {
  margin-top: 10px;
  width: 80%;
  display: flex
}

#Happy .Happy .MenuContainer>.Content>.Head .Tips>.Content {
  background-color: #bdc3c7;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Bungee;
  font-size: 15px;
  color: #fff
}

#Happy .Happy .MenuContainer>.Content>.Head .Tips>.Content>.Text {
  max-width: 400px;
  text-align: center
}

#Happy .Happy .MenuContainer>.Content>.Head>.Social {
  margin-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column
}

#Happy .Happy .MenuContainer>.Content>.Head>.Social img {
  margin: 5px;
  border: 5px solid transparent;
  border-radius: 50%;
  -moz-transition: border-color .2s;
  -o-transition: border-color .2s;
  -webkit-transition: border-color .2s;
  transition: border-color .2s
}

#Happy .Happy .MenuContainer>.Content>.Head>.Social img:hover {
  cursor: pointer;
  border-color: #fff
}

#Happy .Happy .MenuContainer>.Content>.Head>.Regions {
  margin-left: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column
}

#Happy .Happy .MenuContainer>.Content>.Head>.Regions>.Region {
  display: flex;
  align-items: center
}

#Happy .Happy .MenuContainer>.Content>.Head>.Regions>.Region>.Flag {
  width: 50px;
  border-radius: 3px;
  margin: 2px;
  border: 3px solid #666;
  -moz-transition: border-color .2s;
  -o-transition: border-color .2s;
  -webkit-transition: border-color .2s;
  transition: border-color .2s
}

#Happy .Happy .MenuContainer>.Content>.Head>.Regions>.Region>.Flag.active {
  border-color: #fff
}

#Happy .Happy .MenuContainer>.Content>.Head>.Regions>.Region>.Flag:hover:not(.active) {
  cursor: pointer;
  border-color: #fff
}

#Happy .Happy .MenuContainer>.Content>.Head>.Regions>.Region>.Players {
  position: relative;
  width: 0;
  margin-left: 3px;
  transform: rotate(90deg)
}

#Happy .Happy .MenuContainer>.Content>.Head>.Regions>.Region>.Players>.Content {
  position: absolute;
  font-family: Bungee;
  font-size: 13px;
  color: #fff;
  transform: translateX(-50%);
  margin-top: -10px
}

#Happy .Happy .MenuContainer>.Content>.Banned,
#Happy .Happy .MenuContainer>.Content>.Connecting {
  padding: 10px;
  font-family: Bungee;
  font-size: 25px;
  color: #fff
}

#Happy .Happy .MenuContainer>.Content>.Info {
  margin-top: 10px;
  width: 80%;
  font-family: Bungee;
  font-size: 12px;
  color: #666
}

#Happy .Happy .MenuContainer>.Content>.Info a,
#Happy .Happy .MenuContainer>.Content>.Info span {
  padding: 2px
}

#Happy .Happy .MenuContainer>.Content>.Info>.Right {
  display: inline-block;
  float: right
}

#Happy .Happy .MenuContainer>.Content>.Info a {
  color: #666;
  text-decoration: none
}

#Happy .Happy .MenuContainer>.Content>.Info a:hover {
  color: #888
}

#Happy .Happy .MenuContainer>.Content>.Cookies,
#Happy .Button,
#Happy .Input {
  color: #fff;
  font-family: Bungee
}

#Happy .Happy .MenuContainer>.Content>.Cookies {
  margin-top: 10px;
  font-size: 16px
}

#Happy .Happy .View {
  user-select: none
}

#Happy .Happy .View>canvas {
  width: 100%;
  height: 100%
}

#Happy .Button {
  font-size: 25px;
  cursor: pointer;
  border: none;
  background-color: #428bca;
  padding-top: .5em;
  padding-bottom: .5em;
  margin: .5em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

#Happy .Button.nomargin {
  margin: 0
}

#Happy .Button.small {
  font-size: 15px
}

#Happy .Button.big {
  font-size: 30px
}

#Happy .Button.fluid {
  width: 100%
}

#Happy .Button.icon {
  padding-right: .8em;
  padding-left: .8em
}

#Happy .Button.outer {
  background-color: #69f;
  border: 5px solid #428bca
}

#Happy .Button.left-labeled i {
  padding-left: .5em
}

#Happy .Button.right-labeled i {
  padding-right: .5em
}

#Happy .Button:disabled {
  -webkit-filter: brightness(60%);
  -moz-filter: brightness(60%);
  -ms-filter: brightness(60%);
  -o-filter: brightness(60%);
  filter: brightness(60%)
}

#Happy .Button:hover:not(:disabled) {
  -webkit-filter: brightness(85%);
  -moz-filter: brightness(85%);
  -ms-filter: brightness(85%);
  -o-filter: brightness(85%);
  filter: brightness(85%)
}

#Happy .HDivider {
  width: 100%;
  border: 2px solid #000
}

#Happy .Icon.bold {
  font-weight: 900
}

#Happy .Input {
  font-size: 25px;
  border: none;
  box-sizing: border-box;
  background-color: #bdc3c7;
  color: #fff;
  padding: .5em;
  margin: .5em;
  text-indent: 10px;
}

#Happy .Input::selection {
  background: rgba(255, 255, 255, .2)
}

#Happy .Input.placeholder {
  color: rgba(255, 255, 255, .3)
}

#Happy .Input:-moz-placeholder {
  color: rgba(255, 255, 255, .3)
}

#Happy .Input::-moz-placeholder {
  color: rgba(255, 255, 255, .3)
}

#Happy .Input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, .3)
}

#Happy .Input.fluid {
  width: 100%
}

#Happy .Input.nomargin {
  margin: 0
}

#Happy .Label {
  font-family: Bungee;
  font-size: 30px;
  color: #fff
}

#Happy .Label.stroked {
  text-shadow: -2px -2px 0 #666, 2px -2px 0 #666, -2px 2px 0 #666, 2px 2px 0 #666
}

#Happy .Label.dividing {
  border-bottom: .1em solid #fff;
  margin-bottom: .5em
}

#Happy .Label.center.aligned {
  text-align: center
}