html {
    height:100%;
}
.logo {
  width: 300px;
  max-height: 50px;
}
.game-container {
  background: #fff;
  max-width: 800px;
  margin: auto;
  border-radius: 30px;
  border: solid 10px #21353f;
  overflow: hidden;
  padding-bottom: 20px;
}
.uk-notification {
  padding-top: 100px;
}
.uk-notification-message {
  background: #21353f;
  color: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  font-size: 15px;
  border-radius: 3px
}
.header {
  background: #FFFFFF;
  border-bottom:1px solid var(--color-primary);
}
.date {
  background: #21353f;
  color: #fff!important;
  padding: 5px 10px;
  border-radius: 5px;
}
.owl-carousel.owl-drag .owl-item,
.owl-theme .owl-dots .owl-dot {
     box-shadow: none;
}

.skin-dna .header,
.skin-lpr .header,
.skin-er .header,
.skin-jsl .header,
.skin-lbp .header,
.skin-rl .header,
.skin-vm .header {
  background: var(--color-primary)!important;
  border-bottom: 1px solid var(--color-primary);
}

@media screen and (max-width : 812px) {
  .game-container {
    border:0px
  }
}