.card {
    width: 400px;
}

.logo-footer {
    width: 100px;
}

.hero-body {
    background-color: #FFFF00;
}

.switch {
    text-align: center;
}

/* DARK MODE */
:root {
    --bg-color: #fff;
    --primary-text-color: #222;
    --secondary-text-color: #616060;
    }

body {
    background: var(--bg-color);
}
.content {
    color: var(--primary-text-color);
    text-align: center;
}
.content p {
    color: var(--secondary-text-color);
}

.dark-mode {
    --bg-color: #3e4c59;
    --primary-text-color: #fff;
    --secondary-text-color: #ddd;
}