* { 
    /* margin: 0;
    padding: 0; */
    /* box-sizing: border-box; */
    --textcolor: #000000;
    --pagebg: hsl(270, 12%, 55%);
    --pagebg-light: hsl(270, 12%, 80%);
    --sectionbg: #ffffff;
    --links: hsl(0, 0%, 60%);
    --mono: #2F2F2F;
    --monobg: #eeeeee;

}

html {
    background-image: linear-gradient(var(--pagebg), var(--pagebg-light));
}

.content {
    width: 40rem;
    margin: 2rem auto;
    /* border: 2px solid red; */
}

.content a {
    color: var(--links);
}

li {
    border: 1px solid var(--mono);
    border-radius: 5px;
    box-shadow: 5px 5px;

    padding: 1rem;

    background-color: hsl(270, 12%, 25%);
}