/* reset css start */
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;400;500;600;700&family=Roboto:wght@100;300;400;500;700;900&display=swap');

:root {
    --body-font: 'Roboto', sans-serif;
    --body-alt-font: 'Chakra Petch', sans-serif;
    --body-color: rgb(255, 255, 255);
    --body-bg: #00003E;
}

.text-capitalize-first {
    text-transform: capitalize;
}

.game-desktop-iframe {
    display: block;
    margin: 0 auto;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    font-family: var(--body-font);
    background-color: var(--body-bg);
    font-size: 18px;
    line-height: 25px;
    padding: 0;
    margin: 0;
    font-weight: 400;
    overflow-x: hidden;
    min-height: 100vh;
}

a {
    text-decoration: none;
}

* {
    box-sizing: border-box;
}

p {
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

.table thead th, .table td, .table th {
    border: none;
}

@media (max-width: 991px) {
    h1, h1 > a {
        font-size: 54px;
        line-height: 64px;
    }

    h2, h2 > a {
        font-size: 40px;
        line-height: 47px;
    }

    h3, h3 > a {
        font-size: 30px;
        line-height: 36px;
    }

    h4, h4 > a {
        font-size: 24px;
        line-height: 28px;
    }

    h5, h5 > a {
        font-size: 18px;
        line-height: 22px;
    }

    h6, h6 > a, a, p, span, li, .cmn-btn, table thead tr th {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 575px) {
    h1, h1 > a {
        font-size: 40px;
        line-height: 46px;
    }

    h2, h2 > a {
        font-size: 30px;
        line-height: 36px;
    }

    h3, h3 > a {
        font-size: 24px;
        line-height: 28px;
    }

    h4, h4 > a {
        font-size: 18px;
        line-height: 22px;
    }

    h5, h5 > a {
        font-size: 14px;
        line-height: 18px;
    }

    h6, h6 > a, a, p, span, li, .cmn-btn, table thead tr th {
        font-size: 14px;
        line-height: 18px;
    }
}