@import url('https://fonts.googleapis.com/css?family=Anton&display=swap');
body{
    background: #000;
}

.yellow-card{
    background-color: #2d0059;
    padding:10px;
    margin:10px;
    border-radius:25px;
}

.download-card{
    background-color: #1e93bc;
    padding:10px;
    margin:10px;
    border-radius:25px;
}

.title1{
    margin-left:20px;
}

@-webkit-keyframes blinker {
    from {opacity: 1.0;}
    to {opacity: 0.0;}
  }
  .blink{
      text-decoration: blink;
      -webkit-animation-name: blinker;
      -webkit-animation-duration: 0.6s;
      -webkit-animation-iteration-count:infinite;
      -webkit-animation-timing-function:ease-in-out;
      -webkit-animation-direction: alternate;
  }

.yellow-card .menu-link{
    font-weight: bold;
    font-size:16px;
    color:red;
}
.marquee{
    color:red;
}
.marquee h2{
    margin-top: 5px;
    margin-bottom: 5px;
    font-size:30px;
}
.logo{
    border: 2px dotted red;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.logo .title{
    text-align: left;
    padding-left:10px;
}
.logo img{
    width:100px;
    height:100px;
    border-radius: 10px;
}
.logo h1{
    font-weight: bold;
    color:red;
    text-shadow: 1px 1px 1px black;
}

.logo h1 spam{
    font-size:12px;
}
.logo p{
    
    color:white;
}

.latest_result{
    border:double 6px #f5521c;
    margin-top:20px;
    border-radius: 25px;
    padding:10px;
}
.latest_result h1{
    color:white;
}
.latest_result h1.yellow{
    color:yellow;
}

.today_result{
    background-color: #f5521c;
    margin-top:20px;
}

.today_result h3{
    color:white;
}

.today_result h4.yellow{
    color:yellow;
}

.today_result h4{
    color:white;
}

.today_result h4 span{
    color:#58FACD;
}

.box-border{
    border:1px solid black;
}

.btn-danger{
    background-color: red;
}

.btn-lg{
    font-size:30px;
}
.mt-2{
    margin-top:20px;
}

.mb-2{
    margin-bottom:20px;
}
.chart h1{
    color:white;
}

.chart_table{
    background-color: white;
}

.table thead{
    background-color: #ffff79;
}

.table tr td:nth-child(1){
    background-color: #ffff79;
    color:red;
    font-weight: bold;
}

.content{
    background-color: #ffff79;
}
.content h2, .content h1{
    color:black;
    font-weight: bold;
}
footer{
    background-color: white;
    padding:20px;
}

.table1{
    width:100%;
    overflow-x: auto;
}
.table1 thead{
    background-color: yellow;
    color:red;
    font-weight: bold;
}
.table1 tr td:nth-child(1)
{
    background: yellow;color:red;
    font-weight: bold;
}
.table1 tr td, .table1 tr th{
    min-width:70px;
}

@media only screen and (max-width: 350px) {
.logo img {
    width: 50px;
    height: 50px;
}
    .logo h1 {
      font-size: 26px;  
    }
    .latest_result h1 {
    font-size: 26px;
}
}
.question{
    color: black;
    font-weight: bold;
    font-size: 18px;
}
.game_name{
    font-size: 36px;
    color: white;
}
.game_result{
    font-size: 36px;
    color: yellow;
}