/* Colors
	Navbar #fb8500
	body background: #023047
	h1: #ffb703
*/

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.body {
	margin: 100px auto;
	max-width: 1200px;
	background: #023047;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 20px 100px;
	background: #fb8500;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 100;
}

.logo {
	font-size: 32px;
	color: white;
	text-decoration: none;
	font-weight: 700;
}

.navbar a {
	position: relative;
	font-size: 18px;
	color: white;
	font-weight: 500;
	text-decoration: none;
	margin-left: 40px;
	
}

.navbar a::before {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width: 0;
	height: 2px;
	background: white;
	transition: .3s;
}

.navbar a:hover::before {
	width: 100%;

}

h1 {
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	font-size: 32px !important;
	text-align: center;
	color: #ffb703;
}

h2 {
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	font-size: 26px !important;
	text-align: center;
	color: #ffb703;
}

p {
	text-align: center;
	font-size: 20px;
	color: antiquewhite;
}

.description {
	white-space: pre-wrap;
}

.bg-admin {
	background-color:#022536;
}

.addBook {
	display: flex;
	align-items: center;
	justify-content: center;
}

.notAvailable {
	background-color: rgb(179, 179, 179) !important;
}

.notAvailable img {
	filter: grayscale(100%);
}

.main_library {

	width: 100%;
	margin: 20px auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.item {
	width: 300px;
}

.borrowedBooksTable {
	color: white;
	width: auto;
}

th, td {
	text-align: left;
	padding: 7px;
}