/*Main Nav Bar*/

.main_nav {
	display: flex;
	justify-content: flex-end;
}

.nav_menu_button {
	display: flex;
	background: #8D0000;
	color: #ffe5e5;
	font-size: clamp(1.25rem, 1.5rem, 1.75rem);
	font-family: "Neuton", Garamond, serif;
	font-style: normal;
	opacity: 1;
	align-self: flex-start;
	padding: 10px;
	cursor: pointer;
}
.nav_menu_button:hover {
  background: linear-gradient( #8D0000, #FCE0E0 50%, #8D0000 );
	color: #000000;
	border: 3px solid #ffffff;
	padding: 10px;
	cursor: pointer;
}
.nav_menu_button a {
	display: block;
	background: #8D0000;
	color: #ffe5e5;
	text-decoration: none;
	padding: 10px;
	margin: 2px;	
	border: 3px solid #000000;
	
}
.nav_menu_dropdown_contents {	
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	width: 0px;
	opacity: 0;
	padding: 0px;
	height: 100%;
	background: #8D0000;
	margin: 0px;
	position: fixed;
	transition: all 1s ease-in;
}
.nav_menu_dropdown_contents li {
	width: 100%;
	padding: 10px 20px;
	list-style: none;
	background: #8D0000;
	text-align: center;
}
.nav_menu_dropdown_contents li a {
	color: #ffe5e5;
	text-decoration: none;
	font-size: clamp(1.25rem, 1.5rem, 1.75rem);
	font-family: "Neuton", Garamond, serif;
	font-style: normal;	
}
.nav_menu_dropdown_contents > li:hover {
	background: linear-gradient( #8D0000, #FCE0E0 50%, #8D0000 );
	color: #000000;

}
.nav_menu_dropdown_contents > li a:hover {
	color: #000000;
}

.show {
	width: 400px;
	opacity: 1;
}
.hide {
	width: 0px;
	padding: 0px;
	opacity: 0;
}