/*==================================================
 * COMMON
 *===================================================*/
:root { 
	--bg0: #13141B;
  --bg1: #242532;
  --bg2: #383A52;
  --bg3: #4D4F71;
	--bg4: #686a8f;
  --dark_brown0: #3C1B11;
  --dark_brown1: #693F33;
  --dark_brown2: #895747;
  --dark_brown3: #A66D5C;
  --dark_brown4: #D07C62;
  --light_brown0: #826046;
  --light_brown1: #9E7A5E;
  --light_brown2: #BC9B81;
  --salmon0: #B06D40;
  --salmon1: #CC8759;
  --salmon2: #E2A57C;
  --dark_yellow0: #BC9869;
  --dark_yellow1: #E0BB8B;
  --dark_yellow2: #F2D2A9;
  --light_yellow0: #CBAC6A;
  --light_yellow1: #D7BC82;
  --light_yellow2: #FDE1A6;
  --fg0: #BCA684;
  --fg1: #D1BD9F;
  --fg2: #E5D8C3;
}

* {
  margin: 0;
  padding: 0;

  color: var(--fg2);
  font-family: sans-serif;
}

body {
  background-color: var(--bg1);
	padding-bottom: 2rem;
}

input[type='text'], select {
	background-color: var(--bg0);
	outline: none;
	border: 1px solid var(--bg4);
	padding: .2rem .4rem;
	color: var(--fg2);
	border-radius: 4px;
}

input[type='submit'] {
	padding: .1rem .4rem;
	border-radius: 4px;
	border: none;
	background-color: var(--bg0);
	border: 1px solid var(--bg4);
	cursor: pointer;
}

input[type='submit']:hover {
	background-color: var(--bg1);
}

.input-container {
	display: inline-flex;
	flex-direction: column;
}

.input-container > label {
	font-size: 12px;
	text-transform: capitalize;
}

tr.dark {
	background-color: var(--bg0);
}

tr.light {
	background-color: var(--bg2);
}

td {
	padding: .2rem;
}

th {
	padding-bottom: .2rem;
}

.header {
	padding: .5rem 1rem;
	margin-top: 1rem;
	text-transform: capitalize;
}


/*==================================================
 * PAGE HEADER
 *===================================================*/
.page_header {
	background-color: var(--bg0);
	padding: .5rem 1rem;
	font-weight: bold;
	border-bottom: 1px solid var(--bg3);

}

.page_header a:first-child {
	display: none;
}


/*==================================================
 * PROJECT SEARCH 
 *===================================================*/
.projsearch {
	padding: .5rem 1rem;
	margin: 1rem 0;
}

.projsearch > form {
	margin-bottom: .2rem;
}

.projsearch > form > span {
	display: none;
}

.projsearch > form.aligned {
	display: flex;
	align-items: flex-end;
  gap: .5rem;
}


/*==================================================
 * PROJECT LIST 
 *===================================================*/
.index-text-container {
  border-radius: 8px;
  border: 1px solid var(--bg3);
  margin: 1rem auto;
  width: 60%;
  min-width: 300px;
  text-align: center;
  padding: 1rem;
}

.index-text-container > h1 {
  margin-bottom: 1rem;
}

table {
	margin: auto;
	width: 99%;
	border-radius: 8px;
	padding: .1rem;
	box-sizing: border-box;
	border: 1px solid var(--bg3);
	border-spacing: 1px;
}


/*==================================================
 * PAGE NAV
 *===================================================*/
.page_nav {
	padding: 0 1rem;
	color: var(--light_yellow2)
}

.page_nav a {
	color: var(--light_yellow0)
}


/*==================================================
 * README
 *===================================================*/
.readme {
	padding: .5rem 1rem;
	margin-top: 1rem;
	width: 50%;
	min-width: 600px;
}

.readme p,
.readme h1,
.readme h2,
.readme h3,
.readme h4 {
	margin-bottom: 1rem;
}

/*==================================================
 * FOOTER
 *===================================================*/
.page_footer {
	display: none;
}