*{
    box-sizing: border-box;
    /* font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji; */
    /* font-family: "Lucida Console", "Lucida Sans Typewriter", monaco, "Bitstream Vera Sans Mono", monospace; */
    font-family: courier, monospace;
}

html{
    min-height: 100vh;
}

body, .markdown-body{
    transition-property: background-color, color;
    transition-duration: 0.3s;
}

a:hover{
    text-decoration: underline;
}

nav a:hover{
    text-decoration: none;
}

#go-to-top-button{
    transition-duration: 0.4s;
    transition-property: bottom;
    bottom: -100px;
}

#top-navbar{
    position: sticky;
    transition: top 0.5s;
    z-index: 998;
}

#nav-mobile{
    z-index: 999;
}

.breadcrumb:before{
    content: '/' !important;
}

.tooltip-content{
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.08em;
}

.nav-wrapper *{
    font-weight: bolder;
}

.dropdown-content{
    top: 64px !important;
}

.dropdown-content li:hover, .dropdown-content li.active{
    background-color: #1f1f1f !important;
}

.dropdown-content li>a, .dropdown-content li>span{
    color: #fff !important;
}

#page-footer{
    width: 100%;
}

/* SEARCHBOX */

#search-wide{
    width: 0px;
    transition-property: all;
    transition-duration: 0.5s;
}

#search-li-wide:hover #search-wide{
    background-color: #f5f5f5;
    width: 170px;
}

#search-li-wide:hover *{
    color: #444;
}

#search-wide:focus{
    background-color: #f5f5f5;
    width: 170px;
}

/* little icon */

.little-icon{
    display: inline-block;
    margin: 0 5px;
    width: 3em;
    height: 3em;
    background-size: cover;
}

/* markdown specific style */
.markdown-body li{
    list-style-type: circle !important;
}

.markdown-body ul:not(.browser-default){
    padding-left: 2em !important;
}