$accent-color: #1b4ad6;

body {
	font-family: -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
}

.container {
	max-width: 1280px;
	margin: 0 auto;
}

header nav {
	display: flex;
	flex-direction: row;
	justify-content: space-between;

	ul {
		padding-left: 0;

		li {
			list-style: none;
			display: inline;
			margin-right: 15px;

			&:last-child {
				margin-right: 0;
			}
		}
	}
}

table {
	width: 100%;
	margin-bottom: 1rem;
}

form {
	margin-bottom: 1rem;

	label, input:not([type=file]), textarea {
		display: block;
	}

	input, textarea {
		font-size: 1rem;
	}

	input:not([type=file]), textarea {
		width: 100%;
		padding: 2px;
		margin-bottom: 0.5rem;
		border: 1px solid lightgray;
		border-radius: 5px;
	}

	input[type=radio], input[type=checkbox] {
		width: auto;
	}

	textarea {
		min-height: 200px;
		max-width: 100%;
		min-width: 100%;
	}
}

button, input[type=submit] {
	padding: 0.25rem 1.5rem;
	border: 1px solid darken($accent-color, 10%);
	border-radius: 5px;
	background-color: $accent-color;
	color: white;

	font-size: 1rem;

	&:hover {
		border-color: darken($accent-color, 25%);
		background-color: darken($accent-color, 10%);
	}
}

a {
	color: $accent-color;
}

.page-upload {
	img, video {
		max-width: 100%;
	}
	audio {
		width: 100%;
	}
}