/*** General btn ***/



.default_btn_css {
	padding: 10px 30px;
	min-width: 100px;
	max-width: 340px;

	text-align: center;
    	font-family: ArtifaktElement, Arial, sans-serif;
	font-size: 1rem;
	cursor: pointer;

	border: none;
	border-radius: 50px;

	color: var(--seashell);
	background-color: var(--rosybrown_dark);

	transition: background 0.2s, color 0.15s;
}
.default_btn_css:hover {
	color: var(--seashell);
	background-color: var(--violetred);
}

.center_btn {
	display: block;
	margin: auto;
}



/*** Menu ***/



/*- navigation menu -*/


.nav_menu li {
	display: inline-block;
	margin: unset;
	text-align: center;
	margin: 5px 0px;
}

.nav_btn_wrapper li a{
	display: block;
	padding: 10px 25px;
	width: 150px;

	border-radius: 25px;
	cursor: pointer;
	transition: background 0.2s, color 0.15s;
}
.nav_btn_wrapper li a:hover {
	color: var(--seashell);
	background-color: var(--violetred);
}
.selected {
	border-radius: 25px;
	color: var(--seashell);
	background-color: var(--rosybrown_dark);
}


/*- logo in nav menu -*/


#logo_btn {
	padding: 25px;

	height: 1em;
	background-size: 60%;
	border-radius: 40px;

	transition: background-image 0.2s;
}
#logo_btn:hover {
	background-image: url("../images/logo_hover.png");
}