@charset "UTF-8";

nav.sidebar {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    a {
        margin: 1em 0;
    }

    li {
        margin: 1em 0;
    }

    hr {
        margin: 0;
    }

    > h1.title {
        margin: 0;
    }

    > ol.table-of-contents {
        list-style-type: none;

        margin: 0;
        padding: 0;
        
        justify-content: center;
        align-items: center;
    
        li{
            list-style: none;

            li {
                li {
                    list-style-type: "\2570  ";
                }
            }
        }
    }

    > div.information {
        display: flex;
        flex-direction: column;
        text-align: center;

        > ul.socials {
            color: white;
            list-style-type: none;
            padding: 0;
            margin: 0.5em 0;
            vertical-align: top;
        
            li {
                display: inline-block;
                vertical-align: middle;
                list-style-type: none;
                width: 2em;
                height: 2em;
                margin: 0.2em;
                filter: invert(100%);
                
                img {
                    width: 2em;
                    height: 2em;
                    border-radius: 0;
                }
            }
        }
    }

    @media screen and (width <=800px) {

        div.information {
            flex-direction: row;
            justify-content: space-between;
            
            >ul.socials {
                display: flex;
                justify-content: end;
            }
        }
        
        ol.table-of-contents {
            display:none;
        }
    }
}