/* ==========================================
   NEFT Web3 Exchange - Main Style
========================================== */


*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


html{
    scroll-behavior:smooth;
}


body{

    font-family:
    'Inter',
    'Poppins',
    Arial,
    sans-serif;

    background:#020617;

    color:white;

}



/* Links */

a{

    text-decoration:none;

    transition:.3s;

}


a:hover{

    opacity:.85;

}





/* Header */

header{

    backdrop-filter:blur(10px);

}





/* Logo */

img{

    object-fit:cover;

}





/* Cards */


.bg-slate-900{

    border:1px solid rgba(148,163,184,.12);

    transition:.3s;

}



.bg-slate-900:hover{

    transform:translateY(-5px);

    border-color:#22d3ee;

}





/* Buttons */


button,
a{

    transition:.3s ease;

}



button:hover{

    transform:scale(1.03);

}





/* Wallet Address */

.break-all{

    word-break:break-all;

}





/* Dashboard */


table{

    border-collapse:collapse;

}



th{

    color:#94a3b8;

    font-weight:600;

}



td{

    color:#e2e8f0;

}





/* Scrollbar */


::-webkit-scrollbar{

    width:8px;

}



::-webkit-scrollbar-track{

    background:#020617;

}



::-webkit-scrollbar-thumb{

    background:#0891b2;

    border-radius:10px;

}




/* Hero Animation */


section h2,
section h3{

    animation:fadeUp .8s ease;

}



@keyframes fadeUp{


from{

    opacity:0;

    transform:translateY(30px);

}


to{

    opacity:1;

    transform:translateY(0);

}


}





/* Wallet Button */


#connectWallet{

    cursor:pointer;

}





/* Dashboard Sidebar */


aside{

    transition:.3s;

}


aside a{

    display:block;

}



aside a:hover{

    background:#1e293b;

    color:#22d3ee;

}





/* Cards Number */


.text-3xl{

    letter-spacing:.5px;

}





/* Mobile Fix */


@media(max-width:768px){


    body{

        overflow-x:hidden;

    }



    .max-w-7xl,
    .max-w-6xl{

        padding-left:15px;

        padding-right:15px;

    }



    table{

        font-size:14px;

    }


}
