:root {
    --navy: #0f1724;
    --navy2: #111827;
    --ink: #101725;
    --blue: #0083f2;
    /* --blue: #0969ca; */
    --orange2: #ff8b16;
    --blue-2: #1491ff;
    --green: #18b83f;
    --green2: #eff6ed;
    --green-soft: #d1f5db;
    /* --green-soft: #e9f8ed; */
    --cyan: #00b7ff;
    --pale: #eff6ed;
    --line: #dfe5e1;
    --white: #ffffff;
    --muted: #6f7782;
    --shadow: 0 20px 60px rgba(15, 23, 36, 0.1);
}

.blue {
    color: var(--blue);
}

/* a {
    text-decoration: none;
    color: inherit;
} */

/* .about-page {
    overflow: hidden;
} */

/* .progress-line {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 3px;
    width: 0;
    background: linear-gradient(90deg, var(--blue), var(--green), var(--cyan));
} */

/* .container {
    max-width: 1220px;
} */