:root {
    --primary: #000000;
    --secondary: #141414;
    --tertiary: #181818;
    --quaternary: #ffffff;
    --quinary: #f3f3f3;
    --senary: #e1e1e1;
}

body {
    margin: 0;
    background: linear-gradient(135deg,rgba(0, 0, 0, 1) 0%, rgba(20, 20, 20, 1) 50%, rgba(24, 24, 24, 1) 100%);
}

main {
    display: flex;
    flex-direction: column;
    height: 450vh;
}

main div {
}

#primary {
    background: var(--primary);
}

#secondary {
    background: var(--secondary);
}

#tertiary {
    background: var(--tertiary);
}

#quaternary {
    background: var(--quaternary);
}

#quinary {
    background: var(--quinary);
}

#senary {
    background: var(--senary);
}