:root {
    --main-color: hsl(270, 100%, 50%);
    --body-color-1: hsl(0, 0%, 96%);
    --body-color-2: hsl(270, 100%, 93%);
}

body {
    background:
        radial-gradient(circle, transparent 20%, var(--body-color-1) 20%, var(--body-color-1) 80%, transparent 80%, transparent),
        radial-gradient(circle, transparent 20%, var(--body-color-1) 20%, var(--body-color-1) 80%, transparent 80%, transparent) 15px 15px,
        linear-gradient(var(--body-color-2) 1.2px, transparent 1.2px) 0 -0.6px,
        linear-gradient(90deg, var(--body-color-2) 1.2px, var(--body-color-1) 1.2px) -0.6px 0;
    background-size: 30px 30px, 30px 30px, 15px 15px, 15px 15px;
}

.nav-tabs {
    >.nav-item {
        >.nav-link:not(.active) {
            cursor: pointer;
        }
    }
}