:root {
    --primary: #ff4949;
    --black: #131123;
    --white: #fff;
    --bs-heading-color: #ff4949;
}

body {
    text-shadow: none;
    overflow-x: hidden;
}

body::before {
    background: var(--black);
}

main {
    gap: 0;
}

nav .nav-item {
    color: var(--primary);
}

nav .nav-item:hover,
nav .nav-item:active {
    color: var(--white);
}

.full-width-section {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: var(--primary);
}

.full-width-section>div {
    padding-left: 0;
    padding-right: 0;
}

.spacer {
    height: 5rem;
}

.final-button {
    transition: all .25s ease-in-out;
    padding: 0.8rem 1rem;
    cursor: pointer;
}

.final-button.link {
    padding: 0.5rem 1rem;
}

.final-button:hover,
.final-button:active {
    color: var(--primary);
    background-color: var(--white-10);
}