html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--background);
    color: var(--muted-foreground);
    font-weight: 500;
}

main {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section-divider {
    position: relative;
    width: 100%;
    height: 1px;
    margin: 2.5rem 0;
}

.section-divider::before {
    content: '';
    position: absolute;
    left: 10%;
    width: 80%;
    height: 1px;

    background: linear-gradient(
        to right,
        transparent,
        var(--primary-light-80),
        transparent
    );
}