@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{ margin: 0; padding: 0; box-sizing: border-box;
    font-family: "Kanit", sans-serif; font-weight: 200; font-style: normal;
}

body::-webkit-scrollbar {
    width: 0; display: none;
}

/*  Container   */
.container {
    display: grid;
    grid-template-columns: auto auto auto auto;
   justify-content: space-around;
}

/*  style for object    */
.asset{ width: 15rem; background-color: white; margin: 10px;}
    .asset img{width: 15rem; height: 15rem; object-fit: cover;} 
    .asset .information{ 
        width: 100%; height: 2rem;font-size: 22px; text-align: center;
        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    }
    .asset .source a {
        color: aliceblue;
        margin: 0 10px;
    }
    .asset .source {
        background-color: rgb(34, 174, 255); 
        text-align: center;
    }


/*  NAV BUTTON  */
.nav{ 
    width: 100%; display: flex; justify-content: center;
    padding: 20px 0;
    
}
    .nav button{ margin: 0 10px; width: 3rem;}
    .nav .page-number{
        color: aliceblue;
    }
    .nav .page-number{
        display: flex;
    }
    .nav .page-number input{
        width: 1.5rem;
        text-align: center; color: aliceblue; 
        border: none;
        background: transparent;
        margin-right: 10px;
    }

/*   AN MUI TEN TANG GIAM GIA TRI PHAN NHAP SO   */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}