/*******************************************/
/********    POKER        ****************/
/*******************************************/
.poker_graphic {
    color: white;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    font-family: 'Rubik','Open Sans', sans-serif;
    height: 620px;
    z-index: 1;
}
.poker_Block {
    
}
.poker_Block_Title {
    display: flex;
    align-items: center;
    width: 344px;
}
img.poker_Block_Title_graph_img {
    width: 60px;
}
img.poker_Block_Title_box_Img {
    width: 54px;
}
.poker_Block_Title_box {
    background: linear-gradient(203deg, rgba(0,174,218,1) 0%, rgba(13,122,179,1) 56%, rgba(26,69,140,1) 100%);
    padding: 5px;
    border-radius: 8px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: -10px;
    padding-left: 19px;
}
/*    .poker_Block_Title_box:hover {
        box-shadow: inset 0px 0px 3px 1px #8ff0da, 0px 0px 3px 1px #8ff0da;
    }*/
.poker_Block_Title_box_T1 {
    padding-bottom: 5px;
    text-transform: uppercase;
    font-weight: 500;
    text-shadow: 1px 1px #0f153370;
}
.poker_Block_Title_box_T1a {
    color: #930fec;
}
.poker_Block_Title_box_T1b {
    color: #0d34e3;
}
.poker_Block_Title_box_T1c {
    color: #50a1e0;
}
.poker_Block_Title_box_T1d {
    color: #6a00ca;
}
.poker_Block_Title_box_T1e {
    color: #4b25eb;
}
.poker_Block_Title_box_T1f {
    color: #21c8dc;
}
.poker_Block1_Part1_Body {
    width: 290px;
    margin-left: 53px;
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: justify;
    font-weight: 300;
    opacity: 0;
    transition: opacity 5s;
    /*cursor: pointer;*/
}
.poker_Block3_Part1_Body {
    width: 290px;
    margin-left: 53px;
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: justify;
    font-weight: 300;
    opacity: 0;
    transition: opacity 5s;
    /*cursor: pointer;*/
}
.poker_Block_Title_graph_div{
    z-index: 1;
}
.color_green {
    color: #14f1d9;
    transition: opacity 5s;
}
.color_red {
    color: red;
    transition: opacity 5s;
}
.disclaimer {
    margin-top: 50px;
}
.token {
    text-decoration: none;
    color: white;
}
.token:hover {
    text-decoration: underline;
} 
/*******************************************/
/********    Block 1        ****************/
/*******************************************/
/*******************************************/
/********    Block 2        ****************/
/*******************************************/
img.poker_pie_chart {
    width: 600px;
    margin: 100px;
}
.poker_Block2 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 620px;
    width: 730px;
}
.poker_pie_chart_span {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    position: absolute;
    margin-bottom: -157px;
}
.poker_pie_chart_span0 {
    width: 69px;
    border: 1px solid #0d34e3;
    position: relative;
    right: 329px;
    top: 20px;
}
div.poker_pie_chart_span1 {
    padding-bottom: 10px;
    font-size: 20px;
    color: #21c8dc;
    font-family: 'Rubik','Open Sans', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.poker_pie_chart_span2 {
    font-size: 40px;
}
div.poker_pie_chart_span3 {
    font-size: 25px;
}
.poker_pie_chart_span4 {
    position: relative;
    right: 220px;
    top: -69px;
    font-size: 25px;
}
.poker_pie_chart_span5 {
    position: relative;
    right: 70px;
    top: -300px;
    font-size: 25px;
}
.poker_pie_chart_span6 {
    position: relative;
    left: 158px;
    top: -280px;
    font-size: 25px;
}

.poker_pie_chart_span7 {
    position: relative;
    right: -220px;
    top: -122px;
    font-size: 25px;
}
.poker_pie_chart_span8 {
    position: relative;
    left: 184px;
    top: -52px;
    font-size: 25px;
}
.poker_pie_chart_span9 {
    position: relative;
    left: 70px;
    top: 1px;
    font-size: 25px;
}
.poker_Block2{
    /*cursor: pointer;*/
}
/*******************************************/
/********    Block 3        ****************/
/*******************************************/
.poker_Block.poker_Block3 {
    display: flex;
    flex-direction: column;
    gap: 35px;
}
/*******************************************/
/********    Lines          ****************/
/*******************************************/
svg.line {
    position: absolute;
    top: 75px;
    /* color: #4b25eb; */
    /*animation: dash 5s linear;
    stroke-dasharray: 100;
    */
}
@keyframes dash {
    to {
        /*stroke-dashoffset: 100;*/
    }
}
.path {
    stroke-width: 10;
    stroke: #000000;
    fill: transparent;
    animation: dash 1s linear;
    animation-fill-mode: forwards;
}
.line {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 5s linear forwards;
}

@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}