:root {
    --takeoff-red: #ad0101;
    --takeoff-red-dark: #820000;
    --takeoff-blue: #003366;
    --takeoff-yellow: #ffcc66;
    --takeoff-bg: #f4f4f4;
    --takeoff-border: #e4e4e4;
    --takeoff-text: #333333;
}

html,
body {
    background: var(--takeoff-bg);
    color: var(--takeoff-text);
    min-height: 100%;
}

.takeoff-header {
    background: var(--takeoff-red);
    color: white;
    border-bottom: 4px solid var(--takeoff-blue);
}

.takeoff-header .navbar {
    background: transparent;
}

.takeoff-header .navbar-item,
.takeoff-header .navbar-link,
.takeoff-brand,
.takeoff-subtitle {
    color: white;
}

.takeoff-brand {
    font-size: 1.35rem;
    font-weight: 700;
}

.takeoff-subtitle {
    font-size: .75rem;
    opacity: .9;
}

.takeoff-footer {
    background: var(--takeoff-blue);
    color: white;
    margin-top: 3rem;
}

.button.is-takeoff {
    background: var(--takeoff-red);
    border-color: var(--takeoff-red);
    color: white;
    font-weight: 600;
}

.button.is-takeoff:hover {
    background: var(--takeoff-red-dark);
    border-color: var(--takeoff-red-dark);
    color: white;
}

.button.is-takeoff-blue {
    background: var(--takeoff-blue);
    border-color: var(--takeoff-blue);
    color: white;
}

.button.is-takeoff-blue:hover {
    background: #00274d;
    color: white;
}