:root {
    --bg: #1c2f3d;
    --card-bg: #041221;
}

body {
    background: var(--bg);
}

.box {
    background: var(--card-bg);
}

section.section {
    min-height: calc(100vh - 220px);
}

input::placeholder {
    color: antiquewhite;
}

.navbar {
    background: var(--card-bg);
}

.navbar-item {
    color: ghostwhite;
}

/* Card start*/
.card {
    overflow: hidden;
    background: ghostwhite;
    color: var(--bg);
}

    .card.large {
        border-radius: 5px;
    }

.title.no-padding {
    margin-bottom: 0 !important;
}

.footer {
    background: var(--card-bg);
    color: ghostwhite;
}

    .footer p,
    strong {
        color: ghostwhite
    }

    .footer a:hover {
        color: crimson;
    }

.fa {
    color: ghostwhite;
    margin: 10px
}