/* Common styles */
.disabled-link {
    pointer-events: none;
}

:root {
    --primary: #20abe2;
    --primary-dark: #0e8bc0;
    --primary-light: #e1f3fc;
    --secondary: #e8b331;
    --secondary-dark: #c9941f;
    --secondary-light: #fef5e3;
    --dark: #1e2a36;
    --gray: #4a6272;
    --light-bg: #fafcfd;
    --border-light: #eef2f6;
}

body {
    color: black;
}

main {
    padding-top: 3rem;
}

.wrapper {
    max-width: 75rem;
    margin: 0 auto;
    padding: 6rem 0.5rem;
}

.heading, .tagline {
    color: var(--dark);
    font-weight: 700;
    text-align: center;
    max-width: 30rem;
    margin: 0 auto 0.5rem auto;
}

.tagline {
    color: black;
    font-weight: 400;
    font-style: italic;
    margin: 0 auto 3rem auto;
}


/* Reset these default bootstrap 5 styles */
ul {
    padding-left: 0;
    margin-bottom: 0;
}

button {
    border: none;
    padding: 0;
}