body {
  background-position:50%;
  background-size:auto;
  font-family:Lato,sans-serif;
  font-optical-sizing:auto;
  letter-spacing:.2px;
  min-height:100vh;
  position:relative
}
body .user-link {
  text-decoration:none
}
body .safe-page-preview {
  border-radius:0!important;
  opacity:.9
}
body .profile-image {
  border:none;
  border-radius:50%;
  height:128px;
  margin-top:-60px;
  object-fit:cover;
  width:128px
}
body .avatar {
  cursor:default!important;
  height:auto;
  width:auto
}
body .avatar.avatar-away:after,
body .avatar.avatar-busy:after,
body .avatar.avatar-offline:after,
body .avatar.avatar-online:after {
  bottom:auto!important;
  box-shadow:0 0 0 2px #fff!important;
  height:16px!important;
  margin-left:37px!important;
  margin-top:-28px!important;
  right:auto!important;
  width:16px!important
}
body .card {
  background:0 0;
  border:none;
  box-shadow:none;
  margin-top:100px;
  padding:20px
}
body .card .ti {
  color:#eee;
  font-size:1.6rem;
  font-weight:400;
  margin:2px 4px
}
body .card .advanced {
  color:#fff;
  font-size:.9rem;
  margin-bottom:10px;
  margin-top:0
}
body .card .advanced span {
  font-style:normal
}
body .card .bio {
  font-size:1rem;
  margin-bottom:8px
}
body .card .promotion {
  color:#fff;
  font-size:1.3rem;
  font-weight:900;
  margin-top:15px;
  text-transform:uppercase
}
body .card .promotion .promotion-text {
  color:red
}
body .card .promotion .timer {
  font-size:1.4rem;
  letter-spacing:2px
}
body .card .promotion .timer-info {
  font-size:.8rem;
  font-weight:500;
  margin-top:-4px;
  text-transform:none;
  word-spacing:10px
}
body .card .card-title {
  color:#fff;
  font-size:1.6rem;
  font-weight:700;
  line-height:1.5;
  margin-bottom:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
body .card p {
  color:#fff;
  font-size:1rem;
  font-weight:500;
  line-height:1.5;
  margin:auto;
  text-align:center;
  width:70%
}
body .card .social-buttons {
  margin-top:25px
}
body .card .social-buttons .btn {
  background-color:#fff;
  border:2px solid #fff!important;
  color:#111;
  font-size:1rem;
  font-weight:500;
  letter-spacing:.4px;
  margin:6px 0;
  padding:14px;
  width:80%
}
body .card .social-buttons .btn:hover {
  background-color:transparent;
  color:#fff
}
@keyframes bouncing {
  0%,
  to {
    transform:translateY(0)
  }
  10% {
    transform:translateY(-15px)
  }
  15% {
    transform:translateY(-15px)
  }
  20% {
    transform:translateY(0)
  }
  30% {
    transform:translateY(-5px)
  }
  35% {
    transform:translateY(0)
  }
}
body .card .social-buttons .button-bouncing {
  animation:bouncing 2s ease-in-out infinite;
  display:inline-block
}
body .card .social-buttons .button-bouncing:hover {
  animation-play-state:paused
}
@keyframes buzzing {
  0%,
  to {
    transform:translateX(0)
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform:translateX(-1px)
  }
  20%,
  40%,
  60%,
  80% {
    transform:translateX(1px)
  }
}
body .card .social-buttons .button-buzzing {
  animation:buzzing .5s linear infinite
}
body .card .social-buttons .button-buzzing:hover {
  animation-play-state:paused
}
@keyframes pulsing {
  0%,
  to {
    transform:scale(1)
  }
  50% {
    transform:scale(1.1)
  }
}
body .card .social-buttons .button-pulsing {
  animation:pulsing 1s ease-in-out infinite
}
body .card .social-buttons .button-pulsing:hover {
  animation-play-state:paused
}
@keyframes shaking {
  0%,
  to {
    transform:translateX(0)
  }
  25% {
    transform:translateX(-5px)
  }
  75% {
    transform:translateX(5px)
  }
}
body .card .social-buttons .button-shaking {
  animation:shaking .5s linear infinite
}
body .card .social-buttons .button-shaking:hover {
  animation-play-state:paused
}
@keyframes swinging {
  0%,
  to {
    transform:rotate(-3deg)
  }
  50% {
    transform:rotate(3deg)
  }
}
body .card .social-buttons .button-swinging {
  animation:swinging 1s ease-in-out infinite;
  display:inline-block;
  transform-origin:top center
}
body .card .social-buttons .button-swinging:hover {
  animation-play-state:paused
}
body footer {
  color:#fff;
  font-size:.8rem
}
body footer a {
  color:#fff
}
body.image_purple {
  background-image:url(/build/images/background.3dba80ae.jpg)
}
body.gradient_light {
  background:#d3cce3;
  background:-webkit-linear-gradient(bottom,#e9e4f0,#d3cce3);
  background:linear-gradient(0deg,#e9e4f0,#d3cce3);
}
body.gradient_light .profile-image {
  border:none
}
body.gradient_light .card .ti {
  color:#333
}
body.gradient_light .card .advanced,
body.gradient_light .card .card-title,
body.gradient_light .card .promotion {
  color:#222
}
body.gradient_light .card p {
  color:#333
}
body.gradient_light footer,
body.gradient_light footer a {
  color:#111
}
body.gradient_dark {
  background:#232526;
  background:-webkit-linear-gradient(bottom,#414345,#232526);
  background:linear-gradient(0deg,#414345,#232526)
}
body.gradient_pink {
  background:#ee9ca7;
  background:-webkit-linear-gradient(bottom,#ffdde1,#ee9ca7);
  background:linear-gradient(0deg,#ffdde1,#ee9ca7)
}
body.gradient_blue {
  background:#56ccf2;
  background:-webkit-linear-gradient(top,#2f80ed,#56ccf2);
  background:linear-gradient(180deg,#2f80ed,#56ccf2)
}
body.gradient_grey {
  background:#bdc3c7;
  background:-webkit-linear-gradient(top,#2c3e50,#bdc3c7);
  background:linear-gradient(180deg,#2c3e50,#bdc3c7)
}
body.gradient_red {
  background:#cb2d3e;
  background:-webkit-linear-gradient(bottom,#ef473a,#cb2d3e);
  background:linear-gradient(0deg,#ef473a,#cb2d3e)
}
body.gradient_red .promotion-text {
  color:#fff!important
}
body.gradient_peach {
  background:#ed4264;
  background:-webkit-linear-gradient(bottom,#ffedbc,#ed4264);
  background:linear-gradient(0deg,#ffedbc,#ed4264)
}
body.gradient_moonlit {
  background:#0f2027;
  background:-webkit-linear-gradient(bottom,#2c5364,#203a43,#0f2027);
  background:linear-gradient(0deg,#2c5364,#203a43,#0f2027)
}
body.round .btn {
  border-radius:25px
}
body.square .btn {
  border-radius:5px
}
body.paper .btn {
  align-self:center;
  background-image:none;
  background-position:0 90%;
  background-repeat:repeat-x;
  background-size:4px 3px;
  border-radius:15px 225px 255px 15px 15px 255px 225px 15px;
  border-bottom-left-radius:15px 255px;
  border-bottom-right-radius:225px 15px;
  border-style:solid;
  border-top-left-radius:255px 15px;
  border-top-right-radius:15px 225px;
  border-width:2px;
  box-shadow:15px 28px 25px -18px rgba(0,0,0,.2);
  box-sizing:border-box;
  color:#41403e;
  cursor:pointer;
  display:inline-block;
  font-family:Neucha,sans-serif;
  font-size:1rem;
  line-height:23px;
  outline:none;
  padding:.75rem;
  text-decoration:none;
  touch-action:manipulation;
  transition:all 235ms ease-in-out;
  user-select:none;
  -webkit-user-select:none
}
body.paper .btn:hover {
  box-shadow:2px 8px 8px -5px rgba(0,0,0,.3);
  transform:translate3d(0,2px,0)
}
body.paper .btn:focus {
  box-shadow:2px 8px 4px -6px rgba(0,0,0,.3)
}
body.background {
  background-position:50%!important;
  background-repeat:no-repeat!important;
  -webkit-background-size:cover!important;
  -moz-background-size:cover!important;
  -o-background-size:cover!important;
  background-size:cover!important
}
body.background:before {
  background:inherit;
  bottom:0;
  content:"";
  -webkit-filter:blur(1px);
  -moz-filter:blur(1px);
  -o-filter:blur(1px);
  -ms-filter:blur(1px);
  filter:blur(1px);
  left:0;
  position:absolute;
  right:0;
  top:0;
  z-index:-1
}
body.background .promotion .promotion-text {
  text-shadow:1px 1px 1px rgba(0,0,0,.5)
}
body.background .promotion .timer {
  text-shadow:1px 1px 1px rgba(0,0,0,.2)
}
body.background .card .ti {
  color:#eee
}
body.background .card .advanced,
body.background .card .card-title,
body.background .card .promotion {
  color:#fff
}
body.background .card p {
  color:#eee
}
body.background footer,
body.background footer a {
  color:#fff
}