a#short_function
{
	text-decoration: none;
	display: inline-block;
	margin:5px;
	transition-duration: 0.1s;
	text-shadow: 0px 0px 5px rgb(0,0,0,0.8);
	
}

a#short_function h1
{
	font-size:1em;
	margin-top: -5px;
	margin-bottom: 0px;
	marg in-left: -12px;
	text-align: left!important;
	vertical-align: top;
	padding: 3px;
	background: rgb(0,0,0,0.2);
}

a#short_function h2
{
	font-size:0.8em;
	margin-top: -5px;
	text-align: left!important;
	vertical-align: top;
	padding: 3px;
	background: rgb(0,0,0,0.2);
}


a#short_function:hover
{
	color: white!important;
}



#short_function>div
{
	
	border: 1px solid #33ccff;
	padding: 5px;
	border-radius: 5px;
	width: 325px;
	hei ght: 300px;
	
	box-shadow: 0px 0px 10px 10px rgb(0,0,0,0.5);
	transition-duration: 0.1s;
	vertical-align: middle;
}

#short_function>div:hover
{
	width: 324px;
	background: rgb(0,0,0,0.3);
	box-shadow: 0px 0px 3px 5px rgb(0,0,0,0.5);
}

#short_function>div:active
{
	border: 1px solid #ff9500;
	width: 324px;
	color: white;
	background: rgb(0,0,0,0.2);
	box-shadow: 0px 0px 1px 2px rgb(0,0,0,0.5);
}

#short_function>div>div
{
	transition-duration: 0.1s;
	display: table;
	he ight: 350px!important;
	vertical-align: middle;
	border-radius: 5px;
	background: rgb(0,0,0,0.5);
	width: 100%;
	text-align: left;
	
}
	
}

hr#short_function 
{
	width: 50%;
	height: 5px;
}


#listing_pages
{
	
	background: rgb(0,0,0,0.2);
}

#listing_pages th, td
{
	margin: 0px;
	padding: 0px;
}

#listing_pages h2
{
	border-bottom: 1px solid #33ccff;
}

#listing_pages h2, h3
{
	margin: 0px;
	padding: 0px;
}


#braterstwo
{
	height: 180px;
	display: flex;
	justify-content: center; 
	align-items: center; 
	background-image: url('../gFX/bron/komora.png');
	background-repeat: no-repeat; 
	background-size: cover;  
	background-position-y:50%; 
	margin: 8px;
	margin-bottom: 3px;
	transition-duration: 0.1s;
	box-shadow: 0px 0px 10px 5px rgb(0,0,0,0.8);
}

#braterstwo:hover
{
	box-shadow: 0px 0px 100px 20px #33ccff;
}

#braterstwo img
{
	
	 width: 123px; 
	 position: relative; 
	 top: 12px; 
	 left: 1px;
	 transition-duration: 0.1s;
}

#braterstwo img:hover
{
	width: 118px; 
}