/*
 * Base rules
 * See smacss.com
 */

body {
	background-color: #27272a;
	color: #d1d5db;
	line-height: 1.5;
}

h1, h2, h3, h4, h5 {
	color: #ffffff;
}
h1 {
	font-size: xx-large;
	font-weight: bold;
}
h2 {
	font-size: x-large;
	font-weight: bold;
}
h3 {
	font-size: large;
	font-weight: bold;
}

nav {
	display: flex;
}

a {
	color: #ffffff;
}

menu {
	padding: 0px;
}

button > svg {
	display: block;
}

fieldset {
	margin-bottom: 2rem;
}
label {
	font-weight: bold;
}
input[type=text], input[type=datetime-local],
input[type=password],
select,
textarea {
	background-color: #3f3f46;
	color: #d1d5db;
	border-radius: 0.2rem;
	border-width: 0.1rem;
	border-color: #e5e7eb;
	width: 100%;
	padding: 0.5rem 0.75rem;
	box-sizing: border-box;
}
input:focus, select:focus, textarea:focus {
	outline: 0.2rem solid #3b82f6;
}