/*
#header-container{
	background-color: #272622;
}
--jlan-header: rgba(204,198,180,0.1);
*/
:root {
    --jlan-header: rgba(155,143,107,0.2);
    --jlan-footer: rgba(155,143,107,0.2);
  }
 
@font-face {
    font-family: FiraSans-Regular;
    src: url('fonts/FiraSans-Regular.otf');
}
@font-face {
    font-family: FiraSans-Medium;
    src: url('fonts/FiraSans-Medium.otf');
}
/*
body{
	font-family: FiraSans-Regular;
}

body h1, h2 {
	font-family: FiraSans-Medium;
}

body>header{
	background-color: var(--jlan-header);
	padding: 0;
}
body>header .container{
	display: flex;
	align-items: center;
	justify-content: space-between;
	
}
*/
#flx-title{
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items:center;
	min-width: 130px; 
}
#flx-title:hover{
	color: var(--pico-secondary-hover);
}
#a-title {
	text-decoration:none;
}

#nav-title{
	font-size: 1.2em;
	padding: 0;
	
}
#nav-subtitle{
	font-size: 0.9em;
	padding: 0;
	text-decoration: none;
	border-top: 1px solid #AAAAAA;
}

#theme-toggle{
	cursor: pointer; 
}


body>footer {
	background-color: var(--jlan-footer);
	box-shadow: 0 50vh 0 50vh var(--jlan-footer);;
}
body>footer .container{
	display: flex;
	justify-content: space-between;
	font-size: 0.75em;
}
/* rgb(204, 198, 180) rgb(204, 198, 180) */

@media (min-width: 1536px){
	.container{
		max-width: 1200px;
	}
}