@media (max-width: 1000px){
	aside{
		top:0px;
		margin:0px;
		background:var(--bgcol);
		position:fixed;
		bottom:0px;
		display:flex;
		flex-direction:column;
		transform: translateX(-400px);
		transition: transform .2s;
	}
	#sidebar-toggle:checked ~ aside {
		transform: translateX(0px);
	}
	aside .body{
		flex-grow:1;
	}
	#blogdesc + div {
		flex-grow:1;
	}
	#flavor1 {
		margin-top:54px;
	}
	article .buttons .inner{
		top:62px;
	}
	article {
		width: unset;
		max-width: 500px;
	}
	label[for="sidebar-toggle"]{
		display:block;
		position:fixed;
		width: 3rem;
		height: 3rem;
		top: 62px;
		left: 8px;
		background-color: var(--bgcol);
		border-radius: 4px;
		z-index:30;
		overflow:hidden;
	}
	label[for="sidebar-toggle"]::after{
		position:absolute;
		content:"\2A2F";
		left:0px;
		right:0px;
		top:0px;
		bottom:0px;
		visibility:hidden;
		font-size:2.7rem;
		line-height:3rem;
		text-align:center;
		background:var(--bgcol);
	}
	#sidebar-toggle:checked ~ label::after{
		visibility:visible;
	}
}