body {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

p, ul, ol {
	line-height: 1.3rem;
}

@media (prefers-color-scheme: dark) {
	body {
		color: #fcfcfc;
		background-color: #202020;
	}
	a {
		color: #40a0ff;
	}
}

header {
	background-color: #510076;
	height: 50px;
	display: flex;
	align-items: center;
	.logo {
		padding-left: 10px;
	}
	.name {
		padding: 0px;
		padding-left: 10px;
		font-size: 20px;	
		color: #fcfcfc;
	}
}

.interview {
	.division_interview {
		margin-top: 10px;
		border: 2px solid #510076;
		border-radius: 5px;
		padding: 3px;
	}

	ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	.colourselect {
		li, label {
			padding: 5px;
		}
	}
}

h1 {
	border-radius: 5px;
	border-bottom: 5px solid #510076;
	border-left: 3px solid #510076;
	padding-left: 5px;
}

#memberlist {
	#querywrapper {
		padding: 5px;
		border: 2px solid black;
		display: inline-block;
		margin: 2px;
	}
	@media (prefers-color-scheme: dark) {
		#querywrapper {
			border-color: #fcfcfc;
		}
		td, th {
			border-right-color: #c0c0c0 !important;
		}
	}
	#main {
		table {
			width: 100%;
			tr {
				min-width: 500px;
				max-width: 1000px;
				/*#division, #number, #timestr {
				}*/
				#codename {
					width: 100%;
				}
				td, th {
					padding-right: 12px;
					padding-left: 6px;
					white-space: nowrap;
					border-right: 1px solid #000000;
					border-bottom: 1px solid #505050;
					border-collapse: collapse;
				}
				th {
					border-bottom-width: 4px;
				}
			}
			tr:last-child {
				border-right-width: 0px;
			}

			border: 2px solid #510076;
		}
	}
}


.emoji {
	height: 1.2em;
	line-height: 1em;
	vertical-align: bottom;
	-webkit-user-drag: none;
}