*{
    padding: 0px;
    margin: 0px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    scroll-padding-top: calc(12vh + 50px);
    scroll-behavior: smooth;
}

:root{
    --primary-color: #323ca9;
    --nav-background: hsl(206, 9%, 5%);
    --page-background-dark: #170E2C;
    --page-background-light: #282057;
    --brand-font: #737CDC;
    --card-background: #2b1b52;

    --border-light: #685bac;
    --border-medium: #534b83;
    --border-dark: #322971;
}

#page{
    background-image: linear-gradient(var(--page-background-dark), var(--page-background-light));
    min-height: 86vh;
    padding: 50px 15%; 
}
@media (max-width: 750px) {
    #page{
        padding: 20px 0px;
    }
}

ul{
    padding-left: 30px;
    padding-bottom: 5px;
}
li{
    padding-bottom: 5px;
    padding-top: 5px;
}
li li{
    padding-bottom: 0px;
    padding-top: 0px;
}
.no-pad-li li{
    padding: 0px
}