section{ display: none;}

[show=home] #home{ display: flex; }
[show=fotinhas] #fotinhas{ display: flex; }

#home{ overflow: hidden; }


#info h1
{
	margin-bottom: 48px;
}


#info p
{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

#stats
{
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 0px 20px 0px;
  background: linear-gradient(0deg, rgba(0,0,0,0.66) 0%, rgba(0,0,0,0) 100%);
  height: 70px;
  align-items: end;
}

#stats #download img
{
	height: 16px;
	margin-right: 4px;
}

#fotinhas
{
	background: #eee;
	min-height: 100vh;
}

#fotinhas .header
{
	padding-right: 44px;
}

body[show=fotinhas] #pages
{
	background: #eee !important;
}

#thumbs
{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	grid-row-gap: 10px;
	grid-column-gap: 10px;
	padding: 32px 32px 40px;
}

[orientation=portrait] #thumbs
{
	padding: 20px;
}

#thumbs img
{
	border-radius: 3px;
	opacity: 0.9;
	width: 100px;
	height: 100px;
	background-image: url(/img/spinner.gif);
	background-position: center center;
	background-repeat: no-repeat;
	object-fit: cover;
}

#thumbs img[active]
{
	opacity: 1;
	filter: brightness(1.5);
	box-shadow: 0px 0px 0px 4px #024dff
}