/* 
treść komentarza w CSS
  */

h1 {
	text-align: center;
	padding:10px;
	margin: 0 auto;
	text-align:center;
	color: #0096c5;
	letter-spacing: 5px;
	font-family: Brush Script MT, Brush Script Std, cursive;
	font-size: 8em;
	text-shadow: 6px 3px 3px #C2E1DF;
}

h2 {
	color: #0096c5;
	font-size: 3em;
	text-align: center;
	line-height: 1px;
	font-family: Brush Script MT, Brush Script Std, cursive;
	margin: 0 auto;

}

h3 { 
	color: #0096c5;
	font-size: 3em;
	text-align: center;
	margin: 5px;
	font-family: Brush Script MT, Brush Script Std, cursive;
}

p {
	font-family: Apple Chancery, cursive;
	padding:20px;
	margin: 0 auto;
	text-align:center;
	color: black;
	font-size: 2em;
  }

figcaption {
	font-family: Apple Chancery, cursive;
	font-size: 20px;
}
.header {	
	background: radial-gradient(circle at 50%, #ffffff, #efefef);
	border-radius: 50px;
	width: 100%;
}

.menu {	
}

.logo {		
	padding-top: 20px;
}

.pun-container { 
	margin: 0 auto;
	max-width: 90%;
	background: radial-gradient(circle at 50%, #ffffff, #efefef);
	padding: 20px 30px;
	border-radius: 20px
}

.tab {
  margin:0px auto;
}

.tab ul {
  text-align: center;
  padding:0px; 
  margin:0px
}

.tab li {
  display: inline-flex;
  padding: 10px;
  align-content:center;
  cursor: pointer;
  color: black;
  font-size: 2em;
  text-shadow: 2px 1px 1px white;
}

.tab li:hover{
  color: #92A3F0;
  
}

.tabContent {
   animation: fadeEffect 5s; 
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

.button {
	border-radius: 40px 20px;
	border-color: #4354A3;
	outline-style: none;	
	background: radial-gradient(circle at 50%, #ffffff, #efefef);
	font-family: Arial;
	font-size: 12px;
	margin-right: 10px; 	
	margin-top: 20px;
} 

#exLeftColumn {
	width: 50%;
	float: left;
}

#exRightColumn {
	width: 50%;
	float: right;
}