html{
/*       background: #5d315c; /* Old browsers
      background: rgb(36,0,1);
      background: -webkit-linear-gradient(rgba(36,0,1,1) 0%, rgba(185,137,240,1) 35%, rgba(0,49,59,1) 100%);
      background: -moz-linear-gradient(rgba(36,0,1,1) 0%, rgba(185,137,240,1) 35%, rgba(0,49,59,1) 100%);
      background: -o-linear-gradient(rgba(36,0,1,1) 0%, rgba(185,137,240,1) 35%, rgba(0,49,59,1) 100%);
      background: linear-gradient(rgba(36,0,1,1) 0%, rgba(185,137,240,1) 35%, rgba(0,49,59,1) 100%); */
  background: rgb(2,0,36);
background: -webkit-linear-gradient(left, rgba(2,0,36,1) 0%, rgba(227,19,54,1) 39%, rgba(42,19,62,1) 100%);
background: -moz-linear-gradient(left, rgba(2,0,36,1) 0%, rgba(227,19,54,1) 39%, rgba(42,19,62,1) 100%);
background: -o-linear-gradient(left, rgba(2,0,36,1) 0%, rgba(227,19,54,1) 39%, rgba(42,19,62,1) 100%);
background: linear-gradient(to right, rgba(2,0,36,1) 0%, rgba(227,19,54,1) 39%, rgba(42,19,62,1) 100%);
  width: 100%;
  height: 100%;
  overflow: hidden;
}

p {
  font-size: 16px;
}

.title {
  padding: 10px;
}

.footer{
    padding: 10px;
    margin: 20px;
    background: #eee;
}

.overlay {
padding: 10px;
}

.container {
  
}

.button {
    min-width: 180px;
}

.cyberdragonlogo {
    border-radius: 5%;
    border: 2px solid #444;
    margin: auto;
    display: block;
}

.centerbuttons {
  margin: auto;
  display:block;
  max-width:80%
}

.containcard {
  max-height: 90vh;
  overflow: auto
}

.notice {
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25);
}

.icon {
    position: relative;
    right: 6px;
    bottom: 1px;
}

.uk-overlay p {
  color: #fff;
}

@media screen and (max-width: 1600px) {
  .centerbuttons {
    max-width: 100%
  }
}

@media screen and (max-width: 1350px){
    .button {
    min-width: 175px;
    font-size: 14px;
}

}

@media screen and (max-width: 530px){
  p {
    font-size: 12px;
  }
  .uk-card-title {
    font-size: 1.4rem;
}
}

@media screen and (max-width: 350px){
  p {
    font-size: 9px;
  }
    .uk-card-title {
    font-size: 1.3rem;
}
}