* {
        box-sizing: border-box;
    }
    
    body {
        background-color: #fdfdfd;
        margin: 0;
    }
    
    a {
        text-decoration: none;
        color: white;
    }
    
    .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 60px;
        width: 100%;
    }
    
    .ban {
        position: relative;
        display: flex;
        justify-content: center;
        width: 100%;
    }
    
    #img_ban {
        width: 80%;
        height: auto;
        align-self: flex-start;
        margin-top: 30px;
        content: url("/static/Images/bbd_b.jpg");
    }
    
    #img_i_app {
        width: 50px;
        height: auto;
    }
    
    .b_t {
        display: flex;
        flex-direction: row;
        padding: 50px;
        max-width: 1050px;
        align-items: center;
        width: 100%;
    }
    
    .back_b {
        position: absolute;
        left: 0;
        width: 100%;
        z-index: -5;
    }
    
    #playw {
        width: 130px;
        height: auto;
    }
    
    .img_b {
        display: none;
        width: 100%;
        height: auto;
        align-self: flex-start;
        /* content: url("https://balescoin.com/static/Images/ind_back_1.png"); */
    }
    
    .b_t_l {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        margin-top: 40px;
        width: 50%;
        max-width: 350px;
        height: fit-content;
    }
    
    .b__b_t_l {
        padding: 15px 32px;
        font-weight: 700;
        height: auto;
        width: 100%;
        border: 1px solid #202b4f;
        background-color: #2f5aaf;
        color: white;
    }
    
    .img_balestoken {
        padding: 10%;
        width: 50%;
        height: auto;
        align-self: flex-start;
    }
    
    .d_c1_1_1 {
        display: flex;
        align-items: center;
        height: 80px;
        position: relative;
        width: 100%;
        padding-top: 20px;
    }
    
    #img_ic {
        position: absolute;
        left: 65px;
        padding-bottom: 7px;
        width: 60px;
        height: auto;
        z-index: 9;
    }
    
    .t_1 {
        position: relative;
        left: 55px;
        display: inline-block;
        width: max-content;
        padding: 5px;
        padding-left: 80px;
        font-size: x-large;
        margin: 20px 0;
        color: #f8f7f2;
        background: black;
        border-radius: 10px;
    }
    
    .t_h2 {
        font-size: 1em;
    }
    
    .d_c1 {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: auto;
        padding: 0px 70px 50px 77px;
        width: 100%;
    }
    
    .d_c1_r {
        width: 40%;
        text-align: center;
    }
    
    .d_c1_l {
        position: relative;
        height: auto;
        width: 60%;
        color: #202b4f;
    }
    
    .d_c2 {
        display: flex;
        flex-direction: column;
        padding: 5px 77px;
        width: 70%;
        align-self: flex-start;
    }
    
    .DCD {
        display: flex;
        flex-direction: column;
        width: 70%;
        align-self: flex-start;
        padding: 30px 77px;
    }
    
    .d_token {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin: 50px;
    }
    
    .d_token_l {
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-color: #0f100f;
        width: 30%;
        max-width: 280px;
    }
    
    .d_token_r {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 20px;
        background-color: #fdfdfd;
        border: 1px dotted #0f100f;
        border-right: 9px solid #0f100f;
        flex-grow: 1;
        max-width: 750px;
        width: 70%;
    }
    
    .next_ {
        position: relative;
        top: 0px;
        width: 100%;
        padding: 50PX 0 0 0;
        color: #202b4f;
    }
    
    .row {
        display: flex;
        justify-content: center;
        flex-direction: row;
        width: 100%;
    }
    
    .divcl {
        display: flex;
        flex-direction: row;
        max-width: 300px;
        border: 1px solid #b6b9c2;
        margin: 30px;
        padding: 20px;
        text-align: center;
    }
    
    .div_ch {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
    }
    
    #img_gab {
        border: 1px solid #727271;
        align-self: flex-start;
        margin: auto;
        width: 62%;
        height: auto;
    }
    
    .IMGuT {
        color: #727271;
    }
    
    #img_whitepaper {
        width: 100%;
        height: auto;
        align-self: flex-start;
    }
    
    #x25 {
        text-align: center;
        display: block;
        color: black;
        margin: 10px 0px;
        padding: 5px 0px;
        font-size: 1.5rem;
    }
    
    .img_001 {
        margin-top: 10px;
        width: 80%;
        height: auto;
        align-self: center;
        border: 1px solid #6b6b6a;
    }
    
    .divlink {
        margin-top: 13px;
        align-self: flex-end;
        width: fit-content;
    }
    
    .t25 {
        padding: 5px;
        color: #202b4f;
        text-align: center;
    }
    
    .butt {
        padding: 0 15px;
        border: 1px solid #727271;
        border-radius: 15px;
        width: fit-content;
        margin-top: 30px;
    }
    
    .butt_d {
        display: flex;
        justify-content: center;
        align-self: flex-end;
        padding: 0 15px;
        color: green;
        border: 1px solid green;
        border-radius: 10px;
        width: fit-content;
        margin-top: 30px;
    }
    
    .t_p {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        font-weight: bold;
    }
    
    .t_p p {
        margin-block: 0;
    }
    
    .d_a_ {
        padding: 20px;
        width: 100vw;
    }
    
    .d_a {
        display: flex;
        align-items: center;
        margin: 5px auto;
        border: 1px solid;
        width: max-content;
        padding: 5px 10px;
        box-shadow: 1px 1px 20px 4px #e7e8eb;
    }
    
    .btn_1 {
        background-color: white;
        border: 1px solid black;
        color: black;
        padding: 10px 15px;
        border-radius: 15px;
        font-weight: bold;
        cursor: pointer;
    }
    
    .btn_2 {
        background-color: #fdfdfd;
        border: 1px solid black;
        color: black;
        padding: 10px 15px;
        border-radius: 15px;
        cursor: pointer;
    }
    
    .btn_3 {
        background-color: green;
        border: 1px solid green;
        color: white;
        padding: 10px 30px;
        border-radius: 10px;
        cursor: pointer;
    }
    
    .b_i {
        align-self: flex-start;
        width: fit-content;
        margin: 0;
        padding: 5px 5px 5px 55px;
    }
    
    .h_m {
        color: #989f97;
        font-weight: bold;
        display: inline;
        margin-right: 17px;
        float: right;
    }
    
    .tab_1 {
        width: 100%;
    }
    
    .UST {
        color: black;
        text-shadow: 1px 1px 1px gray;
    }
    
    .H3T {
        margin-bottom: .5em;
        color: black;
    }
    
    .TH3T {
        color: black;
    }
    
    .HPT2 {
        margin-top: 5px;
    }
    
    .HPT {
        margin-top: 5px;
    }
    
    .H4T {
        margin: 0;
    }
    
    .FO {
        color: green;
        font-weight: bold;
        white-space: nowrap;
    }
    /* ///////////////////////////////////////////////////////////////////// */
    
    @media only screen and (max-width: 1000px) {
        .d_c1 {
            flex-direction: column;
        }
        .d_c1_l {
            width: 100%;
        }
        .d_c1_r {
            width: 60%;
        }
        .d_c2 {
            width: 100%;
        }
        .row {
            flex-direction: column;
        }
        .div_ch {
            flex-direction: row;
            text-align: left;
        }
        .divcl {
            max-width: 90%;
        }
        .img_001 {
            height: 200px;
            width: auto;
            align-self: flex-start;
            margin: 20px;
        }
        .t25 {
            text-align: left;
        }
        .DCD {
            width: 100%;
            align-self: flex-start;
            padding: 30px 77px;
        }
        #img_ban {
            width: 75%;
            margin-top: 30px;
            height: auto;
            align-self: flex-start;
            content: url("/static/Images/bbm_b.jpg");
        }
    }
    
    @media only screen and (max-width: 575px) {
        .container {
            top: 40px;
        }
        .DCD {
            width: 100%;
            padding: 30px 20px;
        }
        #img_ic {
            left: 10px;
            width: 16vw;
            height: auto;
            padding-bottom: 2px;
        }
        .t_1 {
            font-size: 6.5vw;
            padding-left: 24vw;
            left: -5px;
        }
        .d_c1 {
            flex-direction: column;
            height: auto;
            padding: 0px 20px;
            width: 100%;
        }
        .d_c1_r {
            padding-top: 50px;
            height: auto;
            width: 100%;
            text-align: center;
        }
        .d_c1_l {
            width: 100%;
            text-align: left;
            color: #202b4f;
        }
        .d_c2 {
            width: 100%;
            padding: 20px;
        }
        .row {
            display: flex;
            justify-content: center;
            flex-direction: column;
            width: 100%;
        }
        .divcl {
            display: flex;
            flex-direction: row;
            max-width: 100%;
            border: none;
            margin: 30px;
            padding: 0px;
            text-align: center;
        }
        .div_ch {
            flex-direction: column;
            width: 100%;
        }
        .img_001 {
            margin-top: 40px;
            width: 80%;
            height: auto;
        }
        #x25 {
            font-size: 1.2rem;
        }
        .d_token {
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin: 20px;
        }
        .d_token_l {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            max-width: 100%;
            width: 100%;
        }
        .d_token_r {
            max-width: 100%;
            width: 100%;
            border: 1px dotted #0f100f;
            border-bottom: 9px solid #0f100f;
        }
        .img_b {
            display: none;
            width: 100%;
            height: auto;
        }
        .img_balestoken {
            padding: 20px;
            width: 100%;
            height: auto;
            align-self: flex-start;
        }
        .b_t {
            flex-direction: column;
            padding: 20px;
            max-width: 100%;
        }
        .b_t_l {
            width: 100%;
            max-width: 100%;
        }
        .butt_d {
            align-self: center;
        }
        #img_ban {
            width: 100%;
            margin-top: 0px;
            height: auto;
            align-self: flex-start;
            content: url("/static/Images/bbm_b.jpg");
        }
        .divlink {
            align-self: center;
        }
        .b_i {
            padding-left: 20px;
        }
    }
    
    .ti_1 {
        float: left;
        padding-bottom: 8px;
    }
    
    .a_1 {
        color: black;
        font-weight: bold;
    }
    
    .r_1 {
        float: left;
    }
    
    .n_1 {
        color: green;
        font-weight: bold;
    }
    
    .d_1 {
        float: right;
    }