#header-nav {
	background-color: var(--secondary-color);
}
#header-container {
	padding: 6px 15px 10px;
	font-size: 22px;
}
#logo:focus {
	outline: none;
	box-shadow: 0px 0px 0px 2px #D96F36;
	transition: box-shadow .3s cubic-bezier(0, -0, .50, .50) 1ms;
	border-radius: 8px;
} 
.header-title a {
	text-decoration: none;
	outline: none;
}
.header-title a:focus h1 {
	transition: box-shadow .3s cubic-bezier(0, -0, .50, .50) 1ms;
	box-shadow: 0px 0px 0px 2px #D96F36;
	border-radius: 8px;
	text-shadow: 1px 1px 5px #D96F36;
}
.header-title h1 {
	color: #1E2022;
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: 1px 1px 1px var(--primary-color);
	margin: 0;
	text-align: center;
}
.header-title p {
	font-family: 'Dancing Script', cursive;
	color: var(--font-color);
	font-size: 0.9em;
	margin-top: 5px;
	text-align: center;
}
.container-inline {
	display: inline-block; 
	vertical-align: top;
}
.account-btn {
	margin-top: auto;
	margin-bottom: auto;
	font-size: 1.5em;
	font-family: 'Kavivanar', cursive;
	color: var(--shadow-color);
	text-align: center;
	text-decoration: none;
    background-color: var(--primary-color);
    border: 0;
	border-radius: 8px;
    box-shadow: 0px 5px 10px #1E2022; 
    transition: all .3s;
	outline: none;
	box-sizing: border-box;
	width: 30%;	
}
.account-btn:hover {
	cursor: pointer;
	background-color: var(--border-color);
	box-shadow: 0px 15px 25px -5px #1E2022;
	transform: scale(1.03);
}
.account-btn:active {
	box-shadow: 0px 4px 8px;
	transform: scale(.98);
}	
.account-btn:focus {
	transition: box-shadow .3s cubic-bezier(0, -0, .50, .50) 1ms;
	box-shadow: 0px 0px 0px 2px #D96F36;
	color: #D96F36; 
}
#search-bar {
	margin: 10px 0 10px;
	font-size: 17px;
	font-family:  'Kavivanar', cursive;
	border-radius: 8px;
	outline: none;
	width: 85%;
}
#search-bar:focus {
	background: #FFE;	
	transition: box-shadow .3s cubic-bezier(0, -0, .50, .50) 1ms;
	box-shadow: 0px 0px 0px 2px #D96F36;
}
.collection-select {
	margin: auto 3px auto 0; 
	font-size: 17px;
	height: 31px;
	outline: none;
	border-radius: 8px;
	border: 2px solid;
	font-family:  'Kavivanar', cursive;
}
.collection-select:focus {
	background: #FFE;
	transition: box-shadow .3s cubic-bezier(0, -0, .50, .50) 1ms;
	box-shadow: 0px 0px 0px 2px #D96F36;		
}
#search-btn {
	margin: 10px 5px;
    background-color: transparent;
    border: none;
	outline: none;
    cursor: pointer;
}
#search-btn:focus {
	transition: box-shadow .3s cubic-bezier(0, -0, .50, .50) 1ms;
	box-shadow: 0px 0px 0px 2px #D96F36;
	border-radius: 8px;
}
.log-container {
	display:flex; 
	margin-top: auto; 
	margin-bottom: auto; 
	flex-direction: column;
}