@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600&display=swap');
:root{
    --darkblue:#171627;
    --faintblue:#1E1D32;
    --white:#fff;
    --pink:#d5057f;
    --blue:#26253f;
    --greyish:#343a40;
    --lightblue: #c4d5f6;
    --purple:#131222;

}
*{
    margin:0;
    padding: 0;
    box-sizing: border-box;
    font-size: 16px;
}
a{
    text-decoration: none;
}
li{
    list-style: none;
}
.person i,.rew,.jack-list i{
    color:var(--pink);
}
.nav-item a,p,.jack-list a,.end-list a,.end-list i{
    color:var(--lightblue);
}
.nav-item a:hover{
    color:var(--pink);
}
.hero,.jackpot,.notification{
    background-color: var( --darkblue);
}
.hero-sec,.game{
    background-color: var(--faintblue);
}
 .main-view{
        background-image: url(../images/background/slide-bg.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100vw;
        background-color: var(--darkblue);
  }
.btn{
     border: 1px solid #d5057f;
    background-color: var(--pink);
    color: var(--darkblue);
        }
        .btn:hover{
            background-color:var(--greyish);
            border: 1px solid #d5057f;
        color:var(--lightblue);
        }
 .strip,.jacky,.foot{
            background-color: var( --darkblue);
        }
        .one,.two,.kk,.as{
            background-color: var(--faintblue); 
        }
        .play,.partner,.line{
            background-color: var(--purple);
        }
        .card,.ship{
            background-color: var(--blue);
        }
        .game-info h2,.one h2,.partner-info h2,.information{
            font-size: 2.2rem;
        }
        .kk-first{
            background-color: var(--pink);
        }
        .strip-1{
            background-color:var(--purple);
            color:var(--lightblue);
            border-bottom: none;
            padding:5px;
        }
        .strip-2{
            background-color:var(--faintblue);
            color:var(--lightblue);
        }
    
        .history{
            background-image:url(../images/background/bg1.jpg) ;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
          }
          .table {
            padding: 1.3rem .5rem;
            border-bottom: none;
          }
.box i{
 width: 100px;
height: 100px;
line-height: 97px;
font-size: 36px;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
display: inline-block;
border-radius: 50%;
background: var(--blue)
 }