@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;700&display=swap');

body{
    font-family:'Tajawal', sans-serif;
    background:#0f0f14;
    color:white;
    transition:0.3s;
}

body.light{
    background:#f4f4f8;
    color:#111;
}

.page-container{
    padding:20px;
    padding-bottom:100px;
}

.card-dark{
    background:#1b1b26;
    border-radius:16px;
    padding:15px;
}

body.light .card-dark{
    background:white;
}

.bottom-nav{
    position:fixed;
    bottom:0;
    width:100%;
    background:#14141c;
    display:flex;
    justify-content:space-around;
    padding:12px;
}

.btn-primary{
    background:#ff2d75;
    border:none;
}