.theme-btn{
    background:none;
    border:none;
    color:white;
    font-size:1.2rem;
    cursor:pointer;
    margin-left:15px;
}

:root{
    --bg:#ffffff;
    --text:#222222;
    --card:#f5f5f5;
    --header:#0d6efd;
}

body.dark-mode{
    --bg:#121212;
    --text:#ffffff;
    --card:#1e1e1e;
    --header:#0d6efd;
}

body{
    background:var(--bg);
    color:var(--text);
    transition:.3s;
}

header{
    background:var(--header);
}

.card,
.contact{
    background:var(--card);
    color:var(--text);
}

footer{
    background:var(--header);
    color:white;
}