/* 
*
*	dumbtype.com-2.0
*	drawer style.
*
*/

/* MUHumbergerMenu Example CSS */
/* Drawer button (humberger) position setting. */
[data-mu-drawermenu] {
	display: none;
}
#drawer-button {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 30px;
	height: 15px;
}
/* Drawer container setting. */
#drawer-container {
	visibility: hidden;	/* at first, should be hidden for hiding starting */
	width: 100%;			/* Can be set prefer size */
	/*height: 100%;*/		/* Can be set prefer size */
	top: 0px;			/* Normally 0px */
	left: 0px;			/* Drawer position is left, the left should be 0 */
	/* right: 0px; */	/* Drawer position is right, the right should be 0 instead of left. */
	padding-bottom: 4rem;
	background-color: rgba(255,255,255,1);
}
#drawer-container li {
	padding: 1rem;
	width: 100%;
	font-size: var(--large);
	text-align: center;
}
#drawer-container li:nth-of-type(1) {
	margin-top: 80px;
}
#drawer-container li a {
	display: inline-block;
	width: 100%;
}

/* Responsive size changing */
@media screen and (max-width:850px)  
{
	[data-mu-drawermenu] {
		display: block;
	}
	#drawer-button {
		top: 1.5rem;
		right: 1rem;
		width: 30px;
		height: 15px;
	}
	#drawer-container {
		height: max(auto, 50%);
	}
}