.navigation{
    margin-left: 30pt;
}

.top{
    margin-top: -0.1rem;
    list-style: url(/svg/top.svg) inside;
}

.no-select{
    -webkit-user-select: none; /* Safari */
    user-select: none; /* Standard syntax */
}

.spacer{
    list-style: url(/svg/spacer.svg) inside;
}

.item{
    list-style: url(/svg/menu-option.svg) inside;
}

.after-works{
    margin-block-start: 2em;
}

.no-works {
    display:none;
}


li{
    overflow-x:visible;
    margin: 0;
    line-height: 1.0;
    margin-block-end: -0.15em;
    shape-rendering: crispEdges;
}


li.bottom {
    list-style: url(/svg/bottom.svg) inside;
    margin-left: -55pt;
}


li.work-item {
    float: left;
    border: 2pt solid black;
    padding: 2pt;
    margin-right: 14pt;
    margin-top: 0.2pt;
    margin-block-end: 0;
    list-style: url(/svg/works.svg) outside;
    font-size: 15pt;
    background-color: white;
}

/*li.work-item::marker{
     font-size: 20pt; 
}*/

li::marker{
    font-size: 0pt;
}

li.first {
    /* border: 0pt solid black; */
    /* padding: 0;
    padding-top: 4pt; */
    margin-top: 0;
    list-style: url(/svg/works-first-alt.svg) outside;
}

li.fucker{
    list-style: none;
}

.sidebar-dots {
    position: absolute;
    left: 15.5pt;
}




ul.sidebar{
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
}

ul.works-list {
    padding-inline-start: 5em;
    
}

ul
{
    list-style-position: outside;
    padding-inline-start: 1em;
    margin: 0;
}
/*-----------------------------------------------------------------*/

.sidebar a {
    margin-left: 0.5em;
}

a.works {
    border-bottom: 2pt solid black;
    
}

.works-arrow {
    display: none;
}

a.boxed{
    padding: 5pt;
    margin: 0;
}

/*-----------------------------------------------------------------*/


/*-----------------------------------------------------------------*/

p.box {
    margin: 0;
    line-height: 1.0;
    -webkit-user-select: none;
    user-select: none;
    /* font-family: monospace; */
}

p.top-stem{
    padding-left: 5em; 
    
}

p.bottom{
    margin-left: -30pt;
}

/*-----------------------------------------------------------------*/


@media screen and (max-width: 750px) {
    ul.works-list{
        
        display: none;
    }

    a.works {
        border-bottom: none;
        
    }

    .sidebar-dots {
        display: none;
    }

    .no-works {
        display: list-item;
    }

    li.fucker {
        list-style: url(/svg/spacer.svg) inside;
    }

    .after-works {
        margin-block-start: 0em;
    }
}