body {
		padding: 30px;
}
.nowrap {
	white-space: nowrap;
}
nav ul {
	display: flex;
	flex-direction: row;
	gap:30px;
}
nav ul li a, .button {
	font-weight: bold;
}
body, .content div {
	display: flex;
	flex-direction: column;
	gap:30px;

}

.button-group {
	display: flex;
	flex-direction: row!important;
	justify-content: flex-start!important;
	gap:30px;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
}
.button-group > * {
	margin-top: auto!important;
	margin-bottom: auto!important;
	min-height: 30px;
	line-height: 30px;
}
.button {
	margin-right: auto;
	
	display: inline-flex;
	width: auto;
	gap:8px;
	flex-direction: row;
	justify-content:flex-start;
	transition: 0.2s ease all;
	padding-right: 6px;
	min-height: 30px;
	line-height: 30px;
}
.button:is(:hover,:active) {
	gap:12px;
	padding-right: 2px;
}
*:is(.button-group, .button) > * {
	margin: auto;
	margin-left: 0px;
}
*:is(.button-group, .button) > *:not(:first-child) {
	margin-right: 0px;
}
*:is(.button-group) > * {
	margin-right: 0px!important;
}
*:is(.button-group) > *:last-child {
	margin-right: auto!important;
}