html {
    font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}

body {
		background-color: #fffff0 !important;
}

/*
table {
		width: initial;
}

.container {
    padding-left: 0;
    padding-right: 0;
}
*/

.sidebar-about h1 {
    font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}

.sidebar-about .profile-picture {
/*
    margin: 0 auto;
*/
    border-radius: 0;
    border: none !important;
    max-width: 10rem !important;
}

#sidebar * {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.sidebar a {
    background: none;
    text-shadow: none !important;
}

.sidebar a:link {
		background: none !important;
}

.sidebar img {
		float: none;
}

.sidebar p {
    width: 100%;
}

.sidebar {
    left: initial;
    background-color: #202020 !important;
}

#sidebar {
    position: fixed;
    width: 18rem;
    left: 0;
    background-color: #202020 !important;
    transition: all 0.7s;
}

#sidebar.transition {
    left: -16rem;
}

#sidebar.transition:hover, #sidebar.transition:active {
    background-color: #ffcc00 !important;
}

.content {
    position: absolute;
    padding-top: 2rem;
    margin-left: 6rem;
    left: 18rem;
    transition: all 0.7s;
    max-width: 72rem !important;
}

.content.transition {
    margin-left: 7rem;
    left: 0;
}

#sidebar-reverse {
    position: fixed;
    width: 45rem;
    right: -43rem;
    background-color: #202020;
    transition: all 0.7s;
    text-align: left !important;
    color: #fffff8;
}

#sidebar-reverse.transition {
    right: 0;
}

#sidebar-reverse.initial:hover, #sidebar-reverse.initial:active {
    background-color: #ffcc00 !important;
}

#sidebar-reverse h2 {
    color: #fffff8;
    margin-bottom: 1rem;
}

#sidebar-reverse .sidebar-sticky {
    bottom: initial;
}

#sidebar-reverse .sidebar-sticky .sidebar-nav ul {
    list-style-type: none;
    padding: initial;
}

@media (max-width: 600px) {
    #sidebar {
	width: 100%;
	left: 0;
	top: 0;
    }
    #sidebar.transition {
	top: -12rem;
	left: 0;	
    }
    #sidebar-reverse {
	width: 100%;
	right: 0;
	height: 20rem;
	bottom: -14rem;
	padding-top: 6em;
	text-align: center !important;	
    }
    #sidebar-reverse p {
	font-size: 2em;
    }
    
    #sidebar-reverse.transition {
	bottom: 0;
    }

    .content {
	position: initial;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16rem;
    }
    .content.transition {
	margin-left: auto;
	margin-right: auto;
	margin-top: 2rem;
    }

}

.content h1 {
    margin-top: 2.1rem;
    margin-bottom: 1rem;
}

.content p {
		width: initial;
}
.content pre.code {
		width: initial;
}


#sidebar-reverse ul>li.active {
    color: #ffcc00;
}

#text-table-of-contents li .todo,
#text-table-of-contents li .done {
    display: none;
}
.content.container .outline .headline.wrapper .todo,
.content.container .outline .headline.wrapper .done {

}
.content.container .outline .headline.wrapper {
    display: table;
    table-layout: fixed;
}
.content.container .outline .headline.wrapper>span {
    display: table-cell;
}
.content.container .outline .headline.wrapper>span.headline.pretext {
    padding-right: 20px;
    text-align: right;
}
.content.container .outline .headline.wrapper>span.headline.pretext>span {
    display: block;
}
/*
.content.container .outline .headline.wrapper>span.headline.pretext>span.todo+span,
.content.container .outline .headline.wrapper>span.headline.pretext>span.done+span {
    display: inline;
}
*/

dd, dt {
		display: inline;
}
img {
		float: left;
}