*
{
	padding: 0;
	margin: 0;
	font-family: tahoma;
	user-select: none;
}
html
{
	scroll-behavior: smooth;
}
img 
{
	max-height: 300px;
	width: auto;
}
body
{
	background-color: black;
}
main
{
	width: 90%;
	text-align: center;
	margin: 20px auto;	
	padding: 20px;
}
h1, p 
{
	margin: 0 auto;
	text-align: center;
	color: white;
}
h1, h2, h3, h4, h5, h6
{
	margin: 20px;
	font-size: 40px;
	/* border: black 1px solid; */
}
h1 {margin: 0;}
p, h2
{
	font-size: 2rem;
}
p 
{
	margin-bottom: 20px; 
}
section:not(.description)
{
	/* margin: 50px auto; */
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	/* padding: 40px; */
	justify-content: center;
}
section > div 
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px;
	text-align: center;
	border: 1px solid black;
	padding: 20px;
	border-radius: 5px;
	background-color: white;
	box-shadow: 0 0 20px #eee;
	flex: 1;
	min-width: 29%;
}
a.top:hover
{
	transform: scale(1.1);
}
a.top 
{
	color: #bbb;
	text-decoration: none;
	transition: transform 500ms;
	font-size: 20px;
}
a > img:hover 
{
	transform: scale(.95);
}
a > img 
{
	display: inline-block;
	transition: transform 500ms;
	max-width: 98%;
}
img[src="img/two-birds-c.png"]
{
	border: 2px double black;
}
input[type=checkbox] {display: none;}
input:checked + section 
{
	display: block;
	animation: show-content 400ms linear;
}
label:hover 
{
	transform: scale(1.2) rotateZ(90deg);
}
section.description 
{
	display: none;
}
label
{
	margin-top: 0;
	color: white; 
	font-size: 75px;
	cursor: pointer;
	transform: rotateZ(90deg);
	display: inline-block;
	transition: transform 300ms;
	margin-bottom: 20px;
}
label:has(+ input:checked) 
{
	transform: rotateZ(-90deg);
}
@keyframes show-content 
{
	0% {transform: scale(.95); opacity: 0;}
	50% {transform: scale(1.1); }
	100% {transform: scale(1); opacity: 1;}
}
@media (max-width: 1125px)
{
	section > div 
	{
		min-width: 45%;
	}
}